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

发布时间：2020-12-17 18:01:46 所属栏目：安全来源：网络整理

导读：我正在使用AngularStrap和bootstrap. 我有一个使用它自己的控制器的模态对话框.如何使用本地控制器关闭模态？我在一个按钮上实例化控制器,如下所示： button type="button" class="btn btn-success btn-lg" bs-modal="modal" data-template="user-login-mod

我正在使用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();
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!