custom validation directive in angular

Question

I want to make a custom validation directive for my angular app. the only problem is that I dont know how to get an value

<select class="form-control" ng-model="$parent.newSector" ng-options="item.id as item.name for item in sectors" not-empty-array="merchant.sectors"></select>

As you can see from my markup i have got an directive called notEmptyArray where i set an expression (it's the same as ng-model, just a different expression). How can i now access it in my directive?

directive = function({
  require: "ngModel",
  link: function(scope, element, attributes, control) {
    //how to access the value of merchant.sectors (its an array in the scope)
  }
});

yes i could get it this way, but the part of "merchant.sectors" needs to be set by the value of not-empty-array. so if i write users as value of this attribute. it should check for scope.users — Safari
– Safari, Commented Sep 23, 2013 at 14:06

AlwaysALearner · Accepted Answer · 2013-09-23 14:21:07Z

1

You would need to isolate the scope:

app.directive("notEmptyArray",function(){
    return {
        scope:{
            items:"=notEmptyArray"
        },
        link: function(scope, element, attributes, control) {
            /* anything you feed to "not-empty-array" would be accessible 
              inside items */
            console.log(scope.items);    
        }
    }
});

answered Sep 23, 2013 at 14:21

AlwaysALearner

43.9k9 gold badges98 silver badges78 bronze badges

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

1 Comment

Liviu Trifoi Over a year ago

The downside of isolating the scope is that other directives will no longer work together with your directive if they bind to something from the parent scope (frequent scenario). The reason for this is that a html element can only have one scope. If multiple directives require a scope, only one will be created (the most restrictive one). You will need to do make your directive compatible with other directives be re-exposing some properties on your isolated scope. I suggest you don't go that direction and simply do an : "scope.$eval(attrs.notEmptyArray) to get the value.

Collectives™ on Stack Overflow

custom validation directive in angular

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related