Question

我目前正致力于角度项目。该应用程序具有sidenav根据angularjs材料设计的规格。当我点击控制chrome和其他主要浏览器上的sidenav的菜单图标时，它可以工作，但它不适用于Firefox。请访问以下链接，使用chrome和firefox来测试plunker上的示例应用程序。 Here is the link

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

拜托，我做错了什么？

Answer 1

ng-click="vm.togglelist()"上有md-button＆amp;不是在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

AngularJs＆md-sidenav＆＃39;没有响应Firefox上的点击监听器

1 个答案: