Использование Material Design Lite с AngularJS

У меня возникают проблемы с использованием Material Design Lite и AngularJS. После некоторого поиска в Google, я нашел еще один столбец переполнения стека относительно аналогичной проблемы: Material Design Lite Integration with AngularJS Использование Material Design Lite с AngularJS

Я пытаюсь загрузить данные в таблицу, нажимая данные из запроса ajax в модель. Отсюда вид обновляется AngularJS. Поскольку в таблице используется javascript Material Design Lite для добавления функциональности для выбора нескольких записей, новые записи таблицы, похоже, не обновляются с соответствующими классами/атрибутами.

Как предписано другими в другом вопросе переполнения стека, нам нужно запустить componentHandler.upgradeAllRegistered();. Кажется, это не улучшает элементы.

Вот JSFiddle примера: https://jsfiddle.net/chaseme/50n21fao/1/

Кто-нибудь есть понимание по этому вопросу? Благодарю.

источник

2015-08-12 chaseme

Это проблема с тем, что внешний DOM '

' уже был обновлен, а когда новые элементы добавлены через ng-repeat в async, новая инструкция обновления игнорируется. Эта библиотека решает проблему: https://github.com/iamisti/md-data-table. Но он полагается на ngMaterial, а не на mdl. – timsvoice

+1 для проекта github.com/iamisti/md-data-table. Теперь у него есть даже функция виртуального повтора! Попробуйте. – Iamisti

ответ

Предлагаю вам использовать проект angular-material-design-lite. Это простая оболочка, которая будет обрабатывать интеграцию для вас.

Или вы можете использовать Угловую команду implementation.

источник

2015-08-12 22:09:18 timsvoice

Проект с угловым материалом и дизайном довольно приятный, однако он еще не поддерживает такие вещи, как таблицы. Глядя на угловой материал, также кажется, что не хватает этих функций многоэкранного набора. Перезапись функциональности возможна, но гораздо менее предпочтительной, если я могу просто использовать mdl. – chaseme

Использование Material Design Lite с AngularJS

ответ

Смежные вопросы