AngularJS update $scope from other controller

Question

I have the following issue:

In my controller I have something like:

$scope.current = 0;

And I have some directive who is looking like this:

angular.module('myAPP')
    .directive('post', function() {
        return {
            restrict: 'EA',
            replace: true,
            scope: {
                post: '=',
                index: '='
            },

        link: function(scope) {
          //update the $scope.current here
        },
        templateUrl: 'components/blog/post.html'
    };
});

Can someone explain me whats the best way to do this, its possible to update the $scope inside the link function?

Thanks!

Anik Islam Abhi · Accepted Answer · 2015-11-16 05:20:21Z

6

Your directive has an isolate scope.

To change current from directive, you have to bind it with directive scope variable like this

Like this

html

<post index="current"></post>

js

link: function(scope) {
   scope.index=2;
},

edited Nov 16, 2015 at 5:20

answered Sep 11, 2015 at 11:44

Anik Islam Abhi

25.4k8 gold badges61 silver badges82 bronze badges

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

1 Comment

Beyers Over a year ago

This is the correct way to do this. See the scope section under docs.angularjs.org/api/ng/service/$compile on how this bidirection = binding works

Beri · Accepted Answer · 2015-09-11 11:43:48Z

1

You need to use event handlers. It should look like this:

angular.module('myAPP')
    .directive('post', function() {
        return {
            restrict: 'EA',
            replace: true,
            scope: {
                post: '=',
                index: '='
            },

        link: function(scope) {
          $scope.on('my-event', function(value){
             $scope.current = value;
          });
          //update the $scope.current here
        },
        templateUrl: 'components/play/questions/simple-question.html'
    };
});

And in your controller you will send notification event to your directive:

$scope.emit('my-event', $scope.current);

If your directive lies outside of your controller, than you need to use $rootScope instead.

answered Sep 11, 2015 at 11:43

Beri

11.6k4 gold badges38 silver badges59 bronze badges

1 Comment

Beri Over a year ago

I am glad I could help:)

Collectives™ on Stack Overflow

AngularJS update $scope from other controller

2 Answers 2

1 Comment

1 Comment

Your Answer

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

Related