angularjs材料设计嵌套列表

我想在我的应用程序中创建嵌套列表（树），就像下面一样。请建议我如何创建这样的列表。 angularjs材料设计嵌套列表

2015-12-14 Nish

你尝试过什么？或者特别是，您是否尝试过使用您正在显示用于创建该页面的页面的开源库？ – Claies

@Claies你的问题是什么？你有一个答案只是随意提供它，否则不污染SO。提示：目前没有这样的指令，目前它是角度材料最大的问题 - 没有体面的侧面菜单 – Toolkit

@Toolkit问题的关键在于，这不是一个网站，其中投掷截图并说“显示我如何做到这一点“是合适的。我指出，当然不是什么“污染”SO。 – Claies

不幸的是，至于最后发布的角度材质，没有这样的指令来制作这样的树形菜单，您应该结合不同的指令，例如边栏和垂直菜单。

我使用的侧边栏在我的项目：

<section class="wrapper" layout="row" flex> 
    <md-sidenav class="md-sidenav-left md-whiteframe-z3 background-red" md-component-id="left" md-is-locked-open="$mdMedia('gt-md')"> 
     <md-toolbar> 
      <img class="logo" src="images/logo.png" /> 
     </md-toolbar> 
     <md-content ng-controller="LeftCtrl"> 
      <menu></menu> 
      <md-button ng-click="close()" class="md-primary" hide-gt-md> 
       Close Sidenav Left 
      </md-button> 
     </md-content> 
      <div flex></div> 
      <div class="copy">Copyright &copy; 2015</div> 
     </md-sidenav> 
     <md-content class="wrapper" flex> 
     <div class="wrapper ngview-wrapper" layout="column" layout-fill layout-align="top center" ng-view></div> 
     <div flex></div> 
    </md-content> 
</section>

你不会需要一个处理的侧边栏的打开和关闭的部分。在菜单指令中，您将能够将所需的所有东西作为菜单

来源

2015-12-14 00:12:32 Gianmarco

从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

来源

2016-08-30 16:14:58 jdeyrup

angularjs材料设计嵌套列表

回答

相关问题