Angular UI Boostrap：如何在没有控制器的情况下关闭模态？

Question

我是 AngularJS 的新手，刚刚通过了 Angular UI Modal 中描述的：http : //angular-ui.github.io/bootstrap/。我想创建一个简单的模态，它只有一个按钮来关闭模态。如何在不为模态创建单独控制器的情况下执行此操作？ng-click模态模板中是否有事件脚本来完成这项工作？比如this.close()...我想要实现的目标是这样的：模板：<div class="modal-header">  <h3>Modal header</h3></div><div class="modal-body"> <h4>Just something random here</h4></div><div class="modal-footer">    <button class="btn btn-primary" ng-click="this.close()">OK</button></div>页面控制器：  $scope.openModal = function() {    $uibModal.open({      templateUrl: "modalContent.html",      // it's so simple so that I don't want a separate controller      //controller: "ModalContentCtrl",      size: '',      backdrop: 'static',      keyboard: false    });  };

Answer 1

从文档：

与模态内容相关的范围增加了：

$close(result) (Type: function) - 一种可用于关闭模态并传递结果的方法。

$dismiss(reason)（类型：函数）- 一种可用于关闭模态并传递原因的方法。

这些方法使关闭模态窗口变得容易，而无需创建专用控制器。

所以这有效：

<div class="modal-header">

  <h3>Modal header</h3>

</div>

<div class="modal-body">

 <h4>Just something random here</h4>

</div>

<div class="modal-footer">

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

</div>