Question

How to bind scope from attrs.$observe?

<test func="hohoho"></test>
app.directive('test', function(){
    return {
         restrict: 'E'
        , scope: { parentFunc: '@func'}
        , link: function(scope, element, attrs) {
                var func = '';

                attrs.$observe('func', function(val) {
                    func = val;
                    console.log(func);
                })
                console.log('end');
                console.log(func);
                            console.log(scope.parentFunc);

                });
        }
    };
});

when i run, it will print

end
undefined
undefined

(an empty string)
hohoho

why i get undefined when i print func and parentFunc?

Answer 1

I believe those undefined lines are being printed somewhere else on the code and not on the Directive.

Check this fiddle and look at the console output: http://jsfiddle.net/bmleite/Jx4hm/

You should get something like this (which is the expected output):

end
1
2 undefined
3 hohoho