<md-button>在Firefox上无法使用

Question

I have the following code:

  <md-list-item ng-repeat="it in mc.items">

      <md-button class="md-button" ng-click="mc.selectItem(it)" ng-class="{'selected' : it === mc.selected }">
        <a ng-href="#/{{it.link}}" >
        <md-icon md-svg-icon="{{it.icon}}" class="menu-icon"></md-icon>
        <span class="menu-item-name">{{it.name}}</span>
        </a>
      </md-button>

  </md-list-item>

it works on both Safari & Chrome. However, not on Firefox. When I replace those tags with it works, but that creates other problems (eg, button animations stop working, etc.)

What am I doing wrong?

PS: I have latest version of FF,Chrome,Safari & also latest versions of angular. Any help appreciated, thanks :)

Answer 1

该问题是由无法重现的问题或简单的印刷错误引起的。