AngularJS $scope value won't read in different controller

Question

I have a case where I need to ask for confirmation on deleting data in Angular, I did it with this (along with Angular UI Bootstrap):

    $scope.delete = (id) ->
        $scope.setId = id //here the $scope.setId is 543
        $modal.open
            templateUrl: 'deleteModalContent.html'
            controller: modalInstanceController

    modalInstanceController = ['$scope', '$modalInstance', ($scope, $modalInstance) ->
        $scope.delete_ok = ->
            console.log $scope.setId //here the value becomes undefined

        $scope.delete_cancel = ->
            $modalInstance.dismiss 'cancel'
    ]

As I have stated my problem in the code (on the comment), the id becomes undefined in different controller, without $rootscope, how can I get around this?

Community · Accepted Answer · 2017-05-23 11:56:51Z

2

Check out this thread What's the correct way to communicate between controllers in AngularJS?

You have to use the root scope to share the values, or a service.

edited May 23, 2017 at 11:56

CommunityBot

11 silver badge

answered Dec 8, 2013 at 9:41

Stefan

4463 silver badges9 bronze badges

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

4 Comments

Ondrej Machulda Over a year ago

And using the service is preferred solution for most cases.

user2002495 Over a year ago

I understand rootscope, but how does a service can help in this case?

Stefan Over a year ago

A service is a singleton in Angular. If you use a service in your delete directive and also in the controller, you can expose a get and set for your setId in the service. However in your case I would recommend to do $rootScope.$emit('deleteEventName', setId) and listen to this in your controller with $scope.$on('deleteEventName', function (setId) { .. }

user2002495 Over a year ago

@Stefan: ah i see, still using $rootScope, I thought It will be a solution where I don't have to use that. Thanks for the fiddle.

Collectives™ on Stack Overflow

AngularJS $scope value won't read in different controller

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related