天天看點

angularjs綁定樹狀菜單

angularjs綁定樹狀菜單

這個是資料

angularjs綁定樹狀菜單

這個是綁定後的效果                               在前端用angularjs做資料綁定的時候,想出的是比如管理者下面有幾個權限,使用者下面有幾個權限,管理者和使用者屬于一級,權限屬于二級,但頁面上出不來想要的效果,求大神指點啊

angularjs綁定樹狀菜單
angularjs綁定樹狀菜單

angularjs 綁定資料

angularjs綁定樹狀菜單

就一2B戲子  |  初學一級  | 園豆: 102

提問于:2015-04-17 16:04 所有回答(1) 0

首先,你的js代碼裡面。eval是多餘的。直接使用  var dataJson = JSON.parse(msg);即可。

然後你的是綁定兩級的話,隻需要兩次ng-repeat即可。

<ul>
  <li ng-repeat="role in DataList track by $index">
    <span>{{role.name}}</span>
    <ul ng-if="role.data.length>0">
      <li ng-repeat="item in role.data">{{item.name}}</li>
    </ul>
  </li>
</ul>      

幻天芒  | 園豆:27354  (高人七級)  | 2015-04-17 16:46

angularjs綁定樹狀菜單

就一2B戲子  | 園豆:102  (初學一級)  | 2015-04-17 16:53

出來就成這樣了

,一級的菜單也顯示不出來

就一2B戲子  | 園豆:102  (初學一級)  | 2015-04-17 16:53

@就一2B戲子: 我隻是舉例,你要按照你自己的html格式套進去。。

幻天芒  | 園豆:27354  (高人七級)  | 2015-04-17 17:05

@幻天芒: 哈哈,原來不用我自己寫,我找到現成可以用的了http://www.ngnice.com/showcase/#/tree/basic

就一2B戲子  | 園豆:102  (初學一級)  | 2015-04-17 17:08

@就一2B戲子: 也是可行的。。

轉自: http://q.cnblogs.com/q/71329/