角度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!。

希望它可以帮到你， 亨利

Answer 2

我想如果你使用* ngFor，你的问题是在填充容器项之前完成了同位素初始化。如果您仍然遇到此问题，同位素有一种方法可以在物品动态添加到同位素容器时调用。请参阅此处的文档：http://isotope.metafizzy.co/v1/docs/adding-items.html

我的解决方案是在我的所有同位素容器内容完成加载后触发事件，然后在父组件中调用container.isotope('insert', containerItems)的侦听器。希望有所帮助！