javascript - 另一个按钮内的按钮在 Firefox 中不起作用( Angular Material )

Question

Му 按钮 (class="patternButton") 包含另一个应显示菜单的小按钮 (class="patternMenuBtn")。这是标记:

    <div class="patternsBlock">
        <md-button class="patternButton"
                   ng-class="{selected: view.id == selectedViewId, globalView: view.id.indexOf(userViewIdPrefix) == -1}"
                   ng-repeat="view in loadedViews" ng-click="selectPattern(view)">
            {{view.name}}
            <md-menu md-offset="26 40" ng-show="view.id.indexOf(userViewIdPrefix) != -1">
                <md-button class="md-fab md-mini patternMenuBtn" ng-click="openMenu($mdOpenMenu, $event)">

                </md-button>
                <md-menu-content width="2">
                    <md-menu-item>
                        <md-button ng-click="deleteUserView(view, $index)">
                            <span md-menu-align-target>Delete</span>
                        </md-button>
                    </md-menu-item>
                    <md-menu-item>
                        <md-button ng-click="openViewPanel(view, $index)">
                            <span md-menu-align-target>Edit</span>
                        </md-button>
                    </md-menu-item>
                </md-menu-content>
            </md-menu>
        </md-button>
    </div>

这是openMenu处理程序:

    $scope.openMenu = function ($mdOpenMenu, ev) {
        ev.stopPropagation();
        $mdOpenMenu(ev);
    };

这在 Chrome 中有效，但在 Firefox 中无效。实际上，openMenu 函数并没有被调用。

Answer 1

我有同样的问题:

<md-button ng-disabled="true">
  <md-button>
  </md-button>
</md-button>

但我可以用这个解决:

<div class="md-button" ng-disabled="true">
  <md-button>
  </md-button>
</div>

仅使用 md-button 的 css 类并正常工作。