Javascript AngularJS材质-侧导航无法使用jade

我目前正在做一个使用角材质的项目。我遇到了无法切换/打开sidenav的问题。我已经在下面粘贴了部分代码。我用Jade作为模板引擎。在控制器中，我能够记录ID，它来自md组件ID attr。有人能告诉我解决这个问题的正确方向吗？可能是布局问题

谢谢

---

梅因·杰德

#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')")

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

---

左侧栏

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

#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
        .....

left-sidebar.js

})（）

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')")

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

左侧栏

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

#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
        .....