diretiva não está funcionando dentro <tr> que é ng-repeat bound

Eu tenho uma tabela onde as linhas são repetidas viang-repeat. Eu estou tentando criar um modelo que gera colunas<td> para cada linha<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>

O problema é que meu modelo td personalizado não é renderizado. Aqui pretendo substituir<customtd> com n número de<td>s - que será decidido com base no número de propriedades no meu objeto de dados, mas no momento estou apenas tentando fazer com que uma simples diretiva funcione, o que gerará duas colunas.

MYPLUNKER : mostra uma instância deste problema e o código da diretiva.

questionAnswers(2)

yourAnswerToTheQuestion