Javascript 在ASP.NET、MVC和Angularjs上实现CSS：可折叠对象赢得'；t打开

我正在使用ASP.NET和MVC框架，并在Angularjs之上处理客户端

我试图实现移动网页与材料设计的感觉，我去了物化

当我尝试使用angular foreach循环创建未排序列表（其中对象是可折叠的）时，对象不会折叠

<ul class="collapsible" data-collapsible="expandable" ng-repeat="item in items" >
    <li>
        <div class="collapsible-header">{{item.name}}</div>
        <div class="collapsible-body"><p>TEST</p></div>
    </li>
</ul>

{{item.name}
试验

循环工作并创建具有正确名称的对象列表，但单击时，什么也不会发生