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">&nbsp; <h3>Modal header</h3></div><div class="modal-body">&nbsp;<h4>Just something random here</h4></div><div class="modal-footer">&nbsp; &nbsp; <button class="btn btn-primary" ng-click="$close()">OK</button></div>