Question

我的模态窗口中有一个联系表单。成功发布请求后，我想自动关闭modal。我正在使用MEAN.JS

这是我的控制器

angular.module('core').controller('FormCtrl',['$scope','$http', function($scope,$http) {

 $scope.postMail = function (data) {

    $http.post('/mail', data).
      success(function(data, status, headers, config) {
        alert('success');
        //close function....??
      }).

      error(function(data, status, headers, config) {

      });
 };

}]);//formController ends

如何在$ http.post成功后关闭我的模态？

Answer 1

我有东西给你

使用： - $modalStack

然后拨打$modalStack.dismissAll();

简单plunker

我在plunkler中使用了$timeout，您可以在$http之类的任何位置使用它： - ）

Doc

Answer 2

虽然粗糙但是......

将模态设置为作用域上的变量，然后将其传递给模板上的函数并调用modalVarName.dismiss();

Answer 3

对于我使用$ modalStack给了我注射错误，即使我注入$ modal和$ modalStack作为依赖。以下工作：

angular.element(document.querySelector('#modal')).modal('hide');

从控制器关闭角度引导模态窗口

3 个答案: