AngularJS: $modal, passing $scope variable to child controller

Question

JS Code,

var mod= $modal.open({
    animation: true, 
    templateUrl: $scope.url,
    controller: function($scope, $modalInstance,custObj) {
        alert(custObj); /*************Line 1**************************/
        $scope.save = function() {
            $modalInstance.close();
        };

        $scope.cancel = function(){
            $modalInstance.dismiss('cancel');
        };

    },
    resolve : {
        /************Resolving current scope value to retrieve it in Line 1*******/
        custObj: $scope.customer;
    }
});

Though I sent $scope.customer object via resolve property, the modal controller is not getting the value. Am I missing anything?

Shouldn't the value of custObj in the resolve-object be a function that returns your $scope.customer? Reading the documentation for $routeProvider's resolve I believe that's how it's supposed to be — Gustav
– Gustav, Commented Aug 14, 2015 at 8:13
@Gustav, Thanks for the point. I thought without a function I can directly pass the values. After changing it to a function everything works fine. — JPS
– JPS, Commented Aug 14, 2015 at 8:17

JPS · Accepted Answer · 2015-08-14 08:31:09Z

1

The value of custObj in the resolve-object should be a function returning what you want to inject:

resolve: {
  custObj: function(){
        return $scope.customer;
     }
}

check documentation for $routeProvider resolve

edited Aug 14, 2015 at 8:31

JPS

2,7605 gold badges35 silver badges56 bronze badges

answered Aug 14, 2015 at 8:18

Gustav

3,6265 gold badges28 silver badges42 bronze badges

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

Comments

atinder · Accepted Answer · 2015-08-14 08:12:23Z

0

use

locals : {
   custObj: $scope.customer;
}

instead of resolve.

answered Aug 14, 2015 at 8:12

atinder

2,09014 silver badges15 bronze badges

1 Comment

JPS Over a year ago

Any specific reason why we can choose locals instead of resolve?

Collectives™ on Stack Overflow

AngularJS: $modal, passing $scope variable to child controller

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related