角型ダイナミックテーブルインライン編集

Question

私はいくつの列/行を持っているのか分からず、ng-includeを使ってインライン編集をインラインで実装しようとしているダイナミックテーブルで作業しています。

まず問題：NG-含ま< TR>レベルと< TD内部のスクリプトを含めるを使用する方法

>は、それも可能ですか？ ...私は< TD>レベルでNG-inlcudeを呼び出すことができますが、私はそれは巨大なオーバーヘッドになると思い

第二の問題：

は、同じ使用方法の外edit_btn/display_btnテンプレートを含めるためにNGを、含ま最後の細胞としてのng-repeat？

 <tr ng-repeat="row in model.array" ng-include="model.isEditMode(row)"> 
      <td ng-repeat="(k, v) in row" ng-show="model.header[$index].display == true" class="text-center" > 
       <script type="text/ng-template" id="edit"> 
        <div ng-if="model.header[$index].isDisabled == true"> 
         <div ng-if="model.header[$index].type == 'datetime'"> 
          <input type="text" class="form-control" ng-model="model.dateTime"/> 
         </div> 
         <div ng-if="model.header[$index].type == 'string'"> 
          <input type="text" class="form-control" ng-model="v"/> 
         </div> 
        </div> 
        <div ng-if="model.header[$index].isDisabled == false"> 
         <div ng-if="model.header[$index].type == 'datetime'"> 
          <input type="text" class="form-control" ng-model="model.dateTime" /> 
         </div> 
         <div ng-if="model.header[$index].type == 'string'"> 
          <input type="text" class="form-control" ng-model="v" /> 
         </div> 
        </div> 
       </script> 
       <script type="text/ng-template" id="display"> 
        <div ng-if="model.header[$index].isDisabled == true"> 
         <div ng-if="model.header[$index].type == 'datetime'"> 
          {{model.dateTime}} 
         </div> 
         <div ng-if="model.header[$index].type == 'string'"> 
          {{v}} 
         </div> 
        </div> 
        <div ng-if="model.header[$index].isDisabled == false"> 
         <div ng-if="model.header[$index].type == 'datetime'"> 
          {{model.dateTime}} 
         </div> 
         <div ng-if="model.header[$index].type == 'string'"> 
          {{v}} 
         </div> 
        </div> 
       </script> 
      </td> 
      <script type="text/ng-template" id="edit_btn"> 
       <td> 
        <button type="button" class="btn btn-primary" ng-click="model.save(entry)">save</button> 
       </td> 
      </script> 
      <script type="text/ng-template" id="display_btn"> 
       <td> 
        <button type="button" class="btn btn-primary" ng-click="model.edit(entry)">edit</button> 
       </td> 
      </script> 
     </tr> 

Answer 1

あなたは、次のリンクで見つけることができ、角度-xeditable使用することができますhttps://vitalets.github.io/angular-xeditable/。そこに必要な実装が見つかります。