ng-click 在脚本中不起作用

Question

我在 AngularJS 中使用 angular-bootstrap，因为我想使用对话框。在我的 HTML 中，我有以下代码：

<script type="text/ng-template" id="create.html">
<div class="modal-header">
    <h3 class="modal-title">Welcome!</h3>
</div>
<div class="modal-body">
  <p>Hi</p>
</div>
<div class="modal-footer">
    <button class="btn btn-primary" ng-click="ok()">OK</button>
</div>

模式对话框出现，但当我点击 "OK" 按钮时没有任何反应。控制台中也没有错误。当我创建一个按钮并将其放在脚本之外时，它就可以工作了。但是我需要使用模态对话框中的按钮。

我已经为模态对话框创建了一个工厂，因为我想在我的控制器中使用它。这里的功能很好用：

$scope.createGame = function(data){
   // Open the modal dialog
   ModalFactory.open(); 
}

现在模式对话框出现，按钮 "OK" 出现。当我点击 "OK" 时没有任何反应。这是我为 "OK" 按钮创建的函数。

$scope.ok = function(data){
    // Close the modal dialog
    alert("Test");
}

但是您在上面看到的那个脚本中的 ng-click 触发不起作用...

Answer 1

您的函数需要一个参数 "data" 但您没有传递它。

 <button class="btn btn-primary" ng-click="ok()">OK</button>

或者像这样更改你的函数签名，

$scope.ok = function(){
    // Close the modal dialog
    alert("Test");
}

或者传递数据。

它总是使用不同的函数名称而不仅仅是 "ok"

ng-click 在脚本中不起作用

ng-click doesn't work inside script

angularjs

angular-ui-bootstrap

angularjs-ng-click