AngularJS watch variable in directive

Question

I have one problem. I'm using Angular localStoragee module to store settings, which i set in controller with:

localStorageService.set('localStorageKey','Add this!');

It's working very well but how can i watch localStorageKey for changes in directive, which takes it's value as a parameter?

I tried something like:

.directive('fooBar', function(localStorageService){
    var linker = function(scope, element, attrs){

        var unit = localStorageService.get('localStorageKey');
        $watch('unit', function(){
            console.log(unit);
        });

    }

    return {
        restrict: 'AE',
        scope: {
            value: '@dataValue'
        },
        replace: true,
        link: linker
    }
});

But no luck, i don't think i can watch variables like this. How can i solve this problem?

Thanks.

tymeJV · Accepted Answer · 2014-05-29 14:06:43Z

4

This should work:

$scope.$watch(function() {
    return localStorageService.get('localStorageKey');
}, function(value) {
    console.log(value);
});

answered May 29, 2014 at 14:06

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

Collectives™ on Stack Overflow

AngularJS watch variable in directive

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related