У меня есть таблица, где строки повторяются черезng-repeat, Я пытаюсь создать шаблон, который генерирует столбцы<td> для каждого ряда<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>

Проблема в том, что мой пользовательский шаблон td не отображается вообще. Здесь я намерен заменить<customtd> с п число<td>s - решение будет приниматься на основе количества свойств моего объекта данных, но в данный момент я просто пытаюсь получить простую работающую директиву, которая выведет два столбца.

MYPLUNKER : показывает экземпляр этой проблемы и код директивы.