Angular Directive Does Not Evaluate Inside ng-repeat

Question

I have the following setup:

App/Directive

var app = angular.module(\"MyApp\", []);

app.directive(\"adminRosterItem\", function () {
    return {
            


        

Answer 1

Instead of writing your directive as a child of ng-repeat, try keeping the custom directive on the same level as ng-repeat, this

And furthermore, allow your custom directive to be used as an attribute. AngulaJS has defined ng-repeats priority as 1000, so at times when you custom directive is made, it does not go down well with ng-repeat.

A second option (try only if the first one fails) is to set the priority of your custom directive more than that of ngRepeat i.e. to 1001.