Angular * ngFor＆amp; Materialize-CSS可折叠无效

Question

我在我的项目中使用了Materialise-CSS可折叠内容，而我正试图在另一个内部放置一个可折叠的内容。 如果我删除第一个* ngFor内部ng容器，那么它工作正常，但一旦我添加* ngFor循环它将无法正常工作。任何帮助表示赞赏！我附上了简化代码＆amp;下面的照片

  def new
    @employee = User.new
    @employee.profile_attributes.build
  end

这是一张显示我想要的照片 The bottom collapsible "Month" is working correctly. The top one has the *ngFor loop and will not open the inside collapsibles

谢谢！

Answer 1

我能够安装angular2-materialize＆amp; hammerjs到我的应用程序，然后更改ul标签

<ul class="collapsible" data-collapsible="accordion" materialize="collapsible">

我向两个ul添加了materialize="collapsible"并修复了它！