How to watch property in attrs of directive

Question

I have a controller that has a counter that changes from time to time.
That counter is tied to an attribute of a directive and read inside the link function of that directive.

How can I have a directive run a function each time that attr value changes?

Thanks.

Answer 1

I am using this aproach:

.directive('mydirective',  [function (){     return {       ...       scope: {         id: '@',       },       controller: function ($scope, $element, $attrs) {          $attrs.$observe('id', function(passedId) {            /// do what is needed with passedId          });     ... 

And the directive used and id passed like this:

<div mydirective id="{{someprop.id}}" />