AngularJS: Change directive attribute [duplicate]

Question

I have a custom directive which does validation, based on the directive attribute value.

e.g.: <input type="text" ng-my-validate="onlyletters" />

I want to change the onlyletters value to onlynumbers on the fly and want to the directive change it's validation behaviour because of that.

How can I achieve this?

onlyletters is just an example. My real validation rules are Brazilian document numbers. — fonini
– fonini, Commented Jan 8, 2016 at 16:47
How is your directive set up? I don't see why this wouldn't be very easy to do. — Matthew Green
– Matthew Green, Commented Jan 8, 2016 at 16:54

Caio Cunha · Accepted Answer · 2016-01-08 17:31:44Z

2

~~You should be using attribute $observers.~~

UPDATE: @MatthewGreen is correct. I overlooked the fact that you are not using a interpolated value. In this case consider using a $watcher with plain jQuery attribute reading:

angular.module('mod', [])
  .directive('ngMyValidate', function() {
    return {
      link: function(scope, elm, attr) {
        scope.$watch(function() {
          return elm.attr('ng-my-validate');
        }, function(value) {
          console.log('attribute changed:', value);
        });
      }
    };
 });

Thanks @MatthewGreen!

edited Jan 8, 2016 at 17:31

answered Jan 8, 2016 at 16:56

Caio Cunha

23.4k6 gold badges81 silver badges74 bronze badges

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

2 Comments

Matthew Green Over a year ago

The attribute doesn't appear to use interpolation though so I'm not sure how this would help them.

Caio Cunha Over a year ago

Good catch @MatthewGreen. Updated my answer.

Collectives™ on Stack Overflow

AngularJS: Change directive attribute [duplicate]

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related