AngularJS材質 - 側導航不工作使用玉

我目前正在使用角材的項目。我遇到了無法切換/打開sidenav的問題。我粘貼了下面的一部分代碼。我使用Jade作爲模板引擎。在控制器中，我可以記錄來自md-component-id attr的ID。有人能指出我解決這個問題的正確方向嗎？可能是佈局問題？AngularJS材質 - 側導航不工作使用玉

謝謝。

main.jade

#layout-vertical-navigation(layout='row', flex, style='height:100%;') 
     md-sidenav#vertical-navigation.md-sidenav-left.md-whiteframe-z2(ng-include='"/app/layout/partial/left-sidebar.html"', md-component-id="sideNav", md-is-locked-open="$mdMedia('gt-sm')")

左sidebar.jade

div(ng-controller='LeftSidebarController as leftSidebar') 
    md-toolbar(layout='row') 
     md-button.md-icon-button(ng-click='leftSidebar.openSideNavPanel("sideNav")') 
      md-icon.material-icons menu 
    md-content 
     md-list 
      md-list-item(ui-sref='home') 
       md-tooltip(md-direction='right') Dashboard 
       md-icon.material-icons home 
       p Dashboard

左sidebar.js ....

(function() { 
'use strict'; 

angular 
    .module('ignoreme') 
    .controller('LeftSidebarController', LeftSidebarController); 

LeftSidebarController.$inject = ['$mdSidenav']; 

/* @ngInject */ 
function LeftSidebarController($state, $mdSidenav) { 

    function openSideNavPanel(id) { 
     console.log(id); 
     $mdSidenav(id).toggle(); 
    } 

    ///////////////////////////////// 
    var vm = this; 

    vm.openSideNavPanel = openSideNavPanel; 
}

}）（）;

來源

2016-02-24 rolu

想通了。 =） – rolu

main.jade

div(ng-include='"/app/layout/partial/left-sidebar.html"')

左sidebar.jade

#sideNavContainer(ng-controller='LeftSidebarController as leftSidebar', layout='row') 
    md-content 
    md-button.md-icon-button(ng-click='leftSidebar.openSideNavPanel("sideNav")') 
     md-icon.material-icons menu 
    md-sidenav.md-sidenav-left.md-whiteframe-z2(md-component-id='sideNav') 
    md-content 
     md-button.md-icon-button(ng-click='leftSidebar.openSideNavPanel("sideNav")') 
      md-tooltip(md-direction='right') Close Navigation 
      md-icon.material-icons keyboard_arrow_left 
    md-list 
     md-list-item(ui-sref='home') 
      md-tooltip(md-direction='right') Dashboard 
      md-icon.material-icons home 
      p Dashboard 
     .....

來源

2016-02-25 05:10:28 rolu

AngularJS材質 - 側導航不工作使用玉

回答

相關問題