angular.js - ng-repeat 遍歷 directive不生效

Question

Demo：http://codepen.io/mafeifan/pe...

ng-repeat 嵌套，先遍歷tr再遍歷td。
使用原生html能輸出正確內容。
但當把td寫為directive就不顯示了。不知道什麼原因，求指教。

Answer 1

控制器中增加變數就行：

    vm.list = [1,2];

table2 中修改為：

    <form-cell ng-repeat='cell in vm.list'>data</form-cell>

就可以實現~

ng-repeat 一般不建議 用 動態的，這樣 很影響性能。

如果堅持這樣寫，可以寫成：

      <tr ng-repeat="grid in vm.repeatCount() track by $index">
        <td ng-repeat='cell in vm.getDataByIndex($index)'>
          <form-cell></form-cell>
        </td>
      </tr>

值也能過來：

template: '<span>data</span>',