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>

模态对话框显示，但单击“确定”按钮时没有任何反应。控制台中也没有错误。当我创建一个按钮并将其放在脚本之外时，它就可以工作了。但我需要使用模态对话框中的按钮。

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

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

现在出现模态对话框，出现“OK”按钮。当我点击“确定”时，没有任何事情发生。这是我为“确定”按钮创建的功能。

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

但是，你在上面看到的那个脚本中触发ng-click是行不通的......

Answer 1

您的功能需要参数＆＃34;数据＆＃34;但你没有通过它。

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

像这样改变你的功能签名，

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

或传递数据。

它总是使用不同的功能名称，而不只是＆＃34; ok＆＃34;

ng-click在脚本中不起作用

1 个答案: