Pass data to Modal in AngularJS

Question

I have to pass some data from a get to a Modal window, by eg. I use "item" for "response.data.item"...

$http.get(link).then(function (response) {

    var modalInstance = $uibModal.open({
        templateUrl: 'newsModal.html',
        controller: 'NewsModalInstanceCtrl',
        resolve: {
            item: function () {
                return response.data.item; // !! response undefined
            }
        }
    });

My problem is that the "response" is "undefined"... what is the right way to pass that parameter to the modal?

Edit: Is there another way that passing the $scope to the Modal controller...? I would like to have only the moldal information in the modal window, not all the response data from the link...

Possible duplicate of AngularJS passing data to bootstrap modal — bamtheboozle
– bamtheboozle, Commented May 16, 2017 at 15:13
I already seen that post before asking this question. I would't like to pass the scope — serge
– serge, Commented May 16, 2017 at 15:17

Hadi · Accepted Answer · 2017-05-16 15:16:56Z

2

It should be like this

 var modalInstance = $uibModal.open({
    templateUrl: 'newsModal.html',
    controller: 'NewsModalInstanceCtrl',
    resolve: {
        item: function () {
          $http.get(link).then(function (response) {
                 return response.data.item;
          }
        }
});

answered May 16, 2017 at 15:16

Hadi

17.3k4 gold badges41 silver badges63 bronze badges

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

1 Comment

serge Over a year ago

as the get is not a syncronous function, the Item is always empty because is too late...

Jens Stragier · Accepted Answer · 2017-05-16 15:14:25Z

0

I believe you have to pass it into the function

$http.get(link).then(function (response) {

var modalInstance = $uibModal.open({
    templateUrl: 'newsModal.html',
    controller: 'NewsModalInstanceCtrl',
    resolve: {
        item: function (response) {
            return response.data.item;
        }
    }
});

However, I have not tested this code.

answered May 16, 2017 at 15:14

Jens Stragier

2231 silver badge11 bronze badges

1 Comment

serge Over a year ago

does not recognize the "response" parameter in the function: angular.js:12798 Error: [$injector:unpr] Unknown provider: responseProvider <- response

Collectives™ on Stack Overflow

Pass data to Modal in AngularJS

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related