AngularJS：ng-form + ng-repeat-start

Question

私はng-repeat-startのテーブルを持っています。

各については、ng-formを作成して各アイテムを検証し、アイテムごとにエラーメッセージを生成しています。

ng-formにng-repeat-startとng-repeat-endの間で生成されたすべての行からアクセスできるように、HTMLを構造化する正しい方法は何ですか？

<ng-form name="allItemsForm" novalidate> 
    <table> 
     <thead> 
      <tr> 
       <th>Items</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr ng-form="itemForm" ng-repeat-start="item in ctrl.items"> 
       <td> 
        <input ng-model="item.name" name="name" required /> 
       </td> 
      </tr> 
      <tr> 
       <td> 
        <textarea ng-model="item.comment" name="comment" required></textarea> 
       </td> 
      </tr> 
      <tr> 
       <td>Error for name: {{ itemForm.name.$invalid }}</td> 
      </tr> 
      <tr ng-repeat-end> 
       <td>Error for comment: {{ itemForm.comment.$invalid }}</td> 
      </tr> 
     </tbody> 
    </table> 

    <button type="submit" ng-disabled="allItemsForm.$invalid"> 
     SUBMIT 
    </button> 
</ng-form> 

例：https://jsfiddle.net/7163osn2/4/

Answer 1

thisによると、それはtableの内部に複数のtbodyの要素を持つことが有効です。 tdのセルはすべて、通常の場合と同様に、親のthのセルに一致します。

また、ng-repeat-startの必要性がなくなり、標準ng-repeatを使用して戻ることができます。 https://jsfiddle.net/7163osn2/5/

W3 HTMLマークアップreference