returning data from angularjs modal dialog service returning data from angularjs modal dialog service angularjs angularjs

returning data from angularjs modal dialog service


In your button, add data-ng-click="modalOptions.ok(mydata)"

<button type="submit" class="btn btn-primary" data-ng-click="modalOptions.ok(mydata)">{{modalOptions.actionButtonText}}</button>

And you can get it from:

ModalService.showModal({}, modalOptions).then(function (result) {              console.log(result.name);        });

DEMO

If you want to use modalOptions.submit function, you need to change your code a bit

In your HTML, pass the mydata to modalOptions.submit function:

<form ng-submit="modalOptions.submit(mydata)">

Your Model Service, replace in the show function:

return $modal.open(tempModalDefaults); //remove the .result

Your controller:

$scope.showModal = function () {        var modalOptions    = {            closeButtonText: 'Cancel',            actionButtonText: 'Save',            headerText: 'Save Dialog',            submit:function(result){              $modalInstance.close(result);            }        }        var $modalInstance = ModalService.showModal({}, modalOptions);        $modalInstance.result.then(function (result) {             console.log(result.name);        });    }

DEMO