Close angular bootstrap modal window from a controller

Question

I have a contact form inside my modal window. After successful post request i want to close the modal automatically. I am using MEAN.JS

here is my controller

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

How can i close my modal after $http.post success?

Please read the docs that you are linking to. It clearly describes how to close a modal and even provides an example — rmuller
– rmuller, Commented Feb 13, 2015 at 11:13
Hey but it didn't provide how to close modal in controller :-P @rmuller — squiroid
– squiroid, Commented Feb 13, 2015 at 11:15
eh? there is clearly a close method inside a controller in that javascript — Claies
– Claies, Commented Feb 13, 2015 at 11:19
I tried $modalInstance.dismiss('cancel'); but it saying .dismiss in undefined. — Hareesh
– Hareesh, Commented Feb 13, 2015 at 11:25
That close method is inside the controller of $modalInstance not in the main controller that is creating the modal:-P — squiroid
– squiroid, Commented Feb 13, 2015 at 11:25

squiroid · Accepted Answer · 2015-02-13 11:24:45Z

5

I got something for you

Use:- $modalStack

And then call $modalStack.dismissAll();

Simple plunker

I used $timeout in plunkler you can use it anywhere like $http :-)

Doc

answered Feb 13, 2015 at 11:24

squiroid

14.1k7 gold badges50 silver badges68 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Hareesh Over a year ago

Worked smoothly... :)

squiroid Over a year ago

Great have fun with modal;:-)

B3none · Accepted Answer · 2018-05-30 12:53:22Z

0

As crude as it is...

Set the modal as a variable on the scope then just pass it through a function on the template and call modalVarName.dismiss();

edited May 30, 2018 at 12:53

answered Jan 29, 2018 at 12:10

B3none

4094 silver badges18 bronze badges

1 Comment

user5226582 Over a year ago

Thank you for an answer. It would be beneficial to add a code snippet to illustrate it.

thethakuri · Accepted Answer · 2016-05-05 09:14:13Z

For me using $modalStack gave me injection error even though I injected $modal and $modalStack as dependency. Following worked:

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

Collectives™ on Stack Overflow

Close angular bootstrap modal window from a controller

3 Answers 3

2 Comments

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Related