What is `priority` of ng-repeat directive can you change it? What is `priority` of ng-repeat directive can you change it? angularjs angularjs

What is `priority` of ng-repeat directive can you change it?


Yes, you can set the priority of a directive. ng-repeat has a priority of 1000, which is actually higher than custom directives (default priority is 0). You can use this number as a guide for how to set your own priority on your directives in relation to it.

angular.module('x').directive('customPriority', function() {    return {        priority: 1001,        restrict: 'E',        compile: function () {            return function () {...}        }    }})

priority - When there are multiple directives defined on a single DOM element, sometimes it is necessary to specify the order in which the directives are applied. The priority is used to sort the directives before their compile functions get called. Priority is defined as a number. Directives with greater numerical priority are compiled first. The order of directives with the same priority is undefined. The default priority is 0.


AngularJS finds all directives associated with an element and processes it. This option tells angular to sort directives by priority so a directive having higher priority will be compiled or linked before others. The reason for having this option is that we can perform conditional check on the output of the previous directive compiled.

In the followed example, first add button and only after add class to current button:

Demo Fiddle

App.directive('btn', function() {  return {    restrict: 'A',    priority: 1,    link: function(scope, element, attrs) {      element.addClass('btn');    }  };});App.directive('primary', function() {  return {    restrict: 'A',    priority: 0,    link: function(scope, element, attrs) {      if (element.hasClass('btn')) {        element.addClass('btn-primary');      }    }  };});