Question

我有以下HTML

<html  ng-app="processBeautifierApp">
...
<body ng-controller="PBCtrl" style="padding: 20px;">
<div id="header">
    <div style="padding: 7px; float: right;">
        <select ng-model="selectedProcess" ng-options="prozess as prozess for prozess in prozessListe"></select><br/>
        <button type="button" ng-click="forceRefresh()">Force DCTM Refresh</button>
    </div>
</div>
...
</body>

相应的javascript

var processBeautifierApp = angular.module('processBeautifierApp', []);
processBeautifierApp.controller('PBCtrl', function ($scope, $http, $interval, $window){
   ...
   $scope.forceRefresh = function() {
      ...
   }
});

select元素和按钮正确显示。当用户选择其他选项时，选项已从模式$scope.selectedProcess更改填充。

但是：按钮的ng-click没有反应。永远不会调用$scope.forceRefresh()。控制台上没有错误......它根本就没有反应。你能明白为什么吗？

Answer 1

检查代码plnkr.co

的工作示例

var processBeautifierApp = angular.module('processBeautifierApp', []);
processBeautifierApp.controller('PBCtrl', function ($scope, $http, $interval, $window){
  $scope.forceRefresh = function() {
    alert("asd");
}
});

Answer 2

好的解决方案尽可能简单......我真的很惭愧

我使用$scope.forceRefresh作为函数的名称，但我还在代码中的其他位置使用$scope.forceRefresh作为布尔标志来启用/禁用强制刷新。重命名函数就可以了解

Angular JS简单按钮ng-click不起作用

2 个答案: