dyrektywa nie działa wewnątrz <tr>, czyli ng-repeat bound
Mam tabelę, w której wiersze są powtarzane przezng-repeat
. Próbuję utworzyć szablon generujący kolumny<td>
dla każdego rzędu<tr>
app.directive("customtd", function(){
return {
restrict: 'E',
template: "<td>{{position.Name}}</td><td>{{position.Code}}</td>",
replace: true,
scope: {
position: '='
}
}
});
<table>
<tr ng-repeat="p in positions">
<customtd position="p"></customtd>
</tr>
</table>
Problem polega na tym, że mój niestandardowy szablon td nie jest w ogóle renderowany. Tutaj zamierzam wymienić<customtd>
z liczbą n<td>
s - które zostaną określone na podstawie liczby właściwości w moim obiekcie danych, ale w tej chwili próbuję uzyskać prostą dyrektywę działającą w dwóch kolumnach.
MYPLUNKER : pokazuje wystąpienie tego problemu i kod dyrektywy.