угловой 2 ngFor и изотоп не работают

Question

Я использую изотоп плагина jQuery. Подключаемый модуль к каждому элементу добавляет другой стиль в зависимости от местоположения элемента. С ngFor это не работает. ngAfterContentChecked() не решают проблему соединения Изотоп. Пример: http://plnkr.co/edit/6VS4t6BMuujmhtzcPYWm?p=preview В чем может быть причина?

Answer 1

Я вижу несколько проблем в коде:

• Вы называете дважды функцию bootstrap. Вы должны использовать его только один раз в своем main.ts файле
• . Вы не экспортируете свой AppComponent компонент для доступа из модуля main.ts.

Этот способ, который у вас еще нет, содержит следующую ошибку: Error: Token must be defined!.

Надеется, что это помогает вам, Thierry

Answer 2

Я думаю, что если вы используете * ngFor, ваша проблема в том, что инициализация изотопа завершена до того, как элементы контейнера были заполнены. Если у вас все еще есть эта проблема, изотоп имеет метод вызова, когда элементы динамически добавляются в контейнер изотопов. См. Документацию здесь: http://isotope.metafizzy.co/v1/docs/adding-items.html

Мое решение состояло в том, чтобы вызвать событие, когда все содержимое контейнера изотопа закончило загрузку, а затем слушатель в родительском компоненте, который называется container.isotope('insert', containerItems). Надеюсь, это поможет!