11

を介して行が繰り返されるテーブルがあります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>ここでは、n 個のsに置き換える予定です<td>。これは、データ オブジェクトのプロパティの数に基づいて決定されますが、現時点では、2 つの列を出力する単純なディレクティブを動作させようとしています。

MYPLUNKER : この問題のインスタンスとディレクティブ コードを示します。

4

2 に答える 2

6

コメントで指摘されているように、ディレクティブのテンプレートには単一のルート要素が必要です。したがって、次のようにtr要素をディレクティブのテンプレートに移動することをお勧めします: http://plnkr.co/edit/YjLEDSGVipuKTqC2i4Ng?p=preview

于 2013-08-25T17:16:11.027 に答える