Угловая директива не оценивается внутри ng-repeat

У меня есть следующие настройки:

Приложение / Директива

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

app.directive("adminRosterItem", function () {
    return {
        restrict: "E",
        scope: {
            displayText: "@"
        },
        template: "{{ displayText }}", // should I have this?
        link: function(scope, element, attrs){
            // What do I put here? I don't seem to have any
            // element to initialize (set up event handlers, for example)
        },
        compile: function(?,?,?){} // should I have this? If so, what goes inside?
    }
});

контроллер

function PositionsController($scope) {
           $scope.positions = [{ Name: "Quarterback", Code: "QB" },
                               { Name: "Wide Receiver", Code: "WR" }
                              ]; 
}

HTML:


                
        
            
                
             
                
    

Это'Это очень простой пример, но я могуполучить его, чтобы сделать. Возможно, тамчто-то, что учебники неСкажи мне, или это секретное угловое знание?

Если я уберу директиву внутри и место{{ displayText }} вместо этого он покажет все записи.

Но я хочу, чтобы директива была более сложной, чем просто{{}} (в конце концов), чтобы я мог повторно использовать эту директиву в нескольких приложениях.

Так что я'я действительно спрашиваю, как нам правильно создать директиву, которая входит в ng-repeat? Что мне не хватает? Что нужно снять с кода выше?

Ответы на вопрос(6)

Ваш ответ на вопрос