Угловая директива не оценивается внутри 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? Что мне не хватает? Что нужно снять с кода выше?