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.

questionAnswers(2)

yourAnswerToTheQuestion