なぜ私の左サイドバーが機能しないのですか？角度のある素材で

Question

角度のある素材でsidenavを作りたい。

<div class="example-tabs-500-height elements-sidebar-example ">test1<!-- right sidebar --> 


<section layout="row" flex> 

    <md-sidenav class="md-sidenav-left" md-component-id="left" 
       md-disable-backdrop md-whiteframe="4"> 

     <md-toolbar class="md-theme-indigo"> 
      <h1 class="md-toolbar-tools">Disabled Backdrop</h1> 
     </md-toolbar> 

     <md-content layout-margin> 
      <p> 
       This sidenav is not showing any backdrop, where users can click on it, to close the sidenav. 
      </p> 

     </md-content> 

    </md-sidenav> 

    <md-content flex layout-padding> 

     <div layout="column" layout-align="top center"> 
      <p> 
       Developers can also disable the backdrop of the sidenav.<br/> 
       This will disable the functionality to click outside to close the sidenav. 
      </p> 

      <div> 
       <md-button ng-click='toggleLeft("left")' class="md-raised"> 
        Toggle Sidenavs 
       </md-button> 
      </div> 

     </div> 

    </md-content> 

</section> 

コントローラで：

$ scope.toggleLeft = toggleLeft。 // $ scope.toggleRight = buildToggler（ 'right'）;

function toggleLeft(componentId) { 
     console.log('toogle'); 
     return function() { 
      $mdSidenav(componentId).toggle(); 
     } 
    } 

機能toggleLeftはコンソール 'toogle'に書き込みます。

Answer 1

なぜ関数を返すのですか？

function() { 
    $mdSidenav(componentId).toggle(); 
} 

寿のみ可能：

function toggleLeft(componentId) { 
    console.log('toogle'); 
    $mdSidenav(componentId).toggle(); 
} 

UPDATE

この例に見てみましょう：http://codepen.io/anon/pen/pEJOzg