angularjs - 带 Controller 的 AngularStrap 关闭模式

Question

我将 AngularStrap 与 Bootstrap 一起使用。

我有一个使用它自己的 Controller 的模式对话框。如何使用此本地 Controller 关闭模式？

我在这样的按钮上实例化 Controller :

<button type="button" 
  class="btn btn-success btn-lg" 
  bs-modal="modal" 
  data-template="user-login-modal.html"
  data-container="body"
  ng-controller="userLoginController"
  >Click here to log in</button>

和 userLoginController 有这个:

$scope.authenticate = function(){
    this.hide(); // this doesn't work
    }

这显然只是一个演示，我希望它在成功登录时关闭，但这是我用来关闭它的代码所在的位置。

我尝试过以编程方式实例化模态(使用 $modal 服务创建模态)，但我无法弄清楚如何通过该方法注入(inject) Controller 。

如果我要使用 bs-modal 指令从模态中发出事件，我如何引用模态来关闭它？

这是我的plnkr:
http://plnkr.co/edit/m5gT1HiOl1X9poicWIEi?p=preview

Answer 1

当在点击功能做

$scope.myClickEvent = function () {
   this.$hide();
}