angularjs材料设计嵌套列表

发布时间：2020-12-17 17:56:18 所属栏目：安全来源：网络整理

导读：我想在我的应用程序中创建嵌套列表(树),如下所示.请建议我如何创建这样的列表. 解决方法从Angular 1.2开始,您可以使用ng-start / ng-end创建嵌套树/迭代嵌套列表. md-list flex md-list-item style="margin-left: 10px;"ng-repeat-start="item in nestedLis

我想在我的应用程序中创建嵌套列表(树),如下所示.请建议我如何创建这样的列表.

enter image description here

解决方法

从Angular 1.2开始,您可以使用ng-start / ng-end创建嵌套树/迭代嵌套列表.

<md-list flex>
  <md-list-item style="margin-left: 10px;"ng-repeat-start="item in nestedList">{{item.id}}</md-list-item>
  <md-list-item style="margin-left: 50px;" ng-repeat-end ng-repeat="child in item.children">{{child.id}}</md-list-item>
</md-list>

http://codepen.io/jdeyrup/pen/JRPNyW

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!