Agzam Agzam - 6 months ago 35
AngularJS Question

Is it possible to 'watch' attributes' changes

Is it possible to "watch" for ui changes on the directive?
something like that:

.directive('vValidation', function() {
return function(scope, element, attrs) {
element.$watch(function() {
if (this.hasClass('someClass')) console.log('someClass added');


Yes. You can use attr.$observe if you use interpolation at the attribute.

But if this is not an interpolated attribute and you expect it to be changed from somewhere else in the application (what is extremely not recommended, read Common Pitfalls), than you can $watch a function return:

scope.$watch(function() {return element.attr('class'); }, function(newValue){});

Anyway, its probably that the best approach for you would be change the code that changes the element class. Which moment does it get changed?