angularjs – 带控制器的AngularStrap关闭模态

前端之家收集整理的这篇文章主要介绍了angularjs – 带控制器的AngularStrap关闭模态前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用AngularStrap和bootstrap.

我有一个使用它自己的控制器的模态对话框.如何使用本地控制器关闭模态?

我在一个按钮上实例化控制器,如下所示:

<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服务来创建模态)但我无法弄清楚如何通过该方法注入控制器.

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

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

解决方法

在点击功能中做的时候

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

猜你在找的Angularjs相关文章