AngularJs'md-sidenav'沒有響應Firefox上的點擊監聽器

我目前正在處理角度項目。該應用程序根據angularjs材料設計的規範有一個sidenav。當我點擊控制chrome和其他主要瀏覽器上的sidenav的菜單圖標時，它可以工作，但它在Firefox上不起作用。請使用chrome和firefox訪問下面的鏈接以測試plunker上的示例應用程序。 Here is the link AngularJs'md-sidenav'沒有響應Firefox上的點擊監聽器

<body layout="column" ng-controller="sidenavController as vm"> 
    <md-toolbar layout="row"> 
     <md-button class="md-icon-button" aria-label="menu"> 
     <md-icon md-svg-src="menu" ng-click="vm.togglelist()"></md-icon> 
     </md-button> 
     <span style="padding-top:5px;">AngularJs Toolbar</span> 
    </md-toolbar> 
    <div layout="row" flex> 
     <md-sidenav md-is-locked-open="$mdMedia('gt-sm')" class="md-sidenav-left md-whiteframe-z2" md-component-id="left">sidenav</md-sidenav> 
     <md-content flex>content</md-content> 
    </div> 

     <!-- AngularJS Material Dependencies --> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular-animate.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular-aria.min.js"></script> 

    <!-- AngularJS Material Javascript --> 
    <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.4/angular-material.min.js"></script> 
    <script src="script.js"></script> 
    <script src="controllers.js"></script> 
    </body> 

</html>

請，我在做什麼錯？

來源

2017-08-08 Frederick Eze

有ng-click="vm.togglelist()"對md-button &不在md-icon上。

<md-button class="md-icon-button" aria-label="menu" ng-click="vm.togglelist()"> 
    <md-icon md-svg-src="menu"></md-icon> 
</md-button>

Working plunker

來源

2017-08-08 20:08:59 Shantanu

哦，非常感謝你@Shantanu。我的問題解決了這個你的解決方案.....非常感謝。您節省了嘗試在今天餘下時間識別此問題的麻煩。我會舉起你的答案，但不幸的是，我在stackoverflow上的聲望很低。 –

@FrederickEze很高興幫助。沒有問題，當你有足夠的聲譽，然後做到這一點:) – Shantanu

AngularJs'md-sidenav'沒有響應Firefox上的點擊監聽器

回答

相關問題