AngularJS - Использование директивы в таблице - ng-repeat влияет на производительность

Question

AngularJS - Использование директивы в таблице - ng-repeat влияет на производительность

0

Я использую директиву для отображения раскрывающегося списка с 9-10 опциями в каждой строке таблицы. Эта таблица может содержать до 200 строк. Меня беспокоит, что директива получает 200 раз для каждой строки. есть ли способ, который может создать раскрывающийся список только один раз и просто вставить в каждую строку и связать его с областью, поэтому, если в раскрывающемся списке есть какое-либо событие, то это также отлично работает

skgyan 31 июль 2016, в 12:58

Источник

Теги:

javascript

angularjs

1 ответ

Ещё вопросы

jordajm · Accepted Answer · 2016-07-31T09-00-00.000Z

Если бы это был я, я бы не стал беспокоиться об этом, если у вас не было заметных проблем с производительностью. Большинство браузеров должны иметь возможность обрабатывать таблицу из 200 строк с директивами в каждой строке без каких-либо проблем.

Однако, если вы обеспокоены этим или если вы видите проблемы, у вас есть несколько вариантов.

1) Вместо выпадающего меню в каждой строке просто поместите кнопку "изменить" и используйте это, чтобы открыть модальный, в котором пользователь выбирает то, что они хотят

2) Используйте редактируемый плагин таблицы, такой как ui-grid (дважды щелкните данные таблицы примеров для редактирования). Он был протестирован с тысячами строк, и он хорошо работает. В этом примере вы увидите раскрывающееся меню, в котором пользователь может выбрать "Мужской" или "Женский", который может быть настроен на наличие необходимых параметров.