returning uibmodal result to parent controller

javascript angularjs bootstrap-modal
TobyStack picture TobyStack · Dec 7, 2016 · Viewed 12.4k times · Source

so here is my modal JS:

The end goal of this piece of code is to print the object "submitVar" somewhere on the parent page, the object could be a string or a JSON. All the variables in questions are being chaned using ng-model in the HTML. I don't know how to pass this value back to the parent controller and need some help.

Currently the line console.log('submitting') runs, but i don't know where the submitVar result is placed. I'm planning to use this as as an editing window, so an object is passed in, then edited and passed back, changing the current value.

I'm using: https://angular-ui.github.io/bootstrap/ as a reference and cant find any other documentation on this.

Answer

Pankaj Parkar picture Pankaj Parkar · Dec 7, 2016

Inside result.then of modalInstance object you can get value returned while closing modalInstance

modalInstance.result.then(function(submitVar) {
    console.log("sumbited value inside parent controller", submitVar);
})

Related questions

Angular UI-Router open modal window on url change

I use angular-ui-router and angular-bootstrap in my project. I want to implement follow use case: When user click to "edit" button, UI-Router change URL and open modal window. When I go back by click on browser's back button, modal window …

Read More
Pass current scope to modalInstance when using controllerAs syntax

I'm using controllerAs syntax to avoid a $scope soup in my controllers, and also using ui.bootstrap to present a modal view. I need to open a modalInstace that shares the same scope as the current controller. When injecting the …

Read More
Sweet alert dialog with spinner in AngularJs

I am trying to display a spinner in a sweet alert dialog something close to Bootstrap modal dialog (http://jsfiddle.net/D6rD6/5/) The closest i could come up with is something like this : SweetAlert.swal({ title: '<small&…

Read More