標籤：

angular 自定義指令如何操作DOM的問題？

01-05

用ng-repeat動態渲染導航菜單，所以每個渲染出來的dom都同樣用了一個show-me的自定義指令，想點擊某個父級導航的時候顯示它的子級導航，同時隱藏其他父級的子級導航，可以說一下自定義指令的思路嗎？

數據驅動做你說的這個功能太簡單了，都不需要自定義指令，當然現在組件化的思想一般會把左側的 nav 做成一個 component ！

$scope 的 vm 中存 menus 導航列表的數組，和當前打開某個導航的 item: currentMenu , 模板循環 menus 渲染，通過 和 current Menu 比較判斷是否展開

& &

  • {{menu.text}}
    &

      &

    • {{child.text}}
      & & & &

      主要是數據為導向的思想，做這個功能其實有太多的做法，上面說的只是其中之一，你也可以通過在 menu 上設置一個屬性 collapse 表示是否摺疊和展開。

      想查看更多的實現看 ui-bootstrap ： https://angular-ui.github.io/bootstrap/#/collapse

      希望能給你點幫助吧

      推薦閱讀：

    • ※新手，覺得Angularjs好難，該如何學習Angularjs？
    ※Handlebars 和angularjs有什麼區別？分別在什麼情況下使用？
    ※react.js,angular.js,vue.js學習哪個好？
    ※請問 React 和 Angular 各有什麼優缺點，各自又適合什麼開發場景？
    ※如何用爬蟲爬取知乎專欄信息？

    TAG:前端開發 | DOM | AngularJS |