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上的点击监听器

回答

相关问题