当按钮向右浮动时，ng-click 不起作用

Question

好吧，这真是一个奇怪的事情。

我正在一个 Angular 项目中工作，我有一个附加了 ng-click 的按钮。它不着火。如果我删除将按钮浮动到右侧的 css，那么它就可以正常工作。

HTML：

<button id="btn" ng-click="myFunction()">Name</button>

CSS：

button {
    float: right;
    background-color: green;
    color: white;
}

JavaScript/角度控制器：

app.controller('HomeController', function($scope) {

 $scope.myFunction = function() {
  console.log('Hello World');
 };

});

只需将 CSS 更改为：

button {
    background-color: green;
    color: white;
}

让它再次发挥作用

Answer 1

我认为当您将其浮动到右侧时，其他一些 html 会位于按钮顶部，并且会阻止您单击。

添加z-index: 9999到按钮的 css

希望它有帮助:)