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材料設計嵌套列表

回答

相關問題