Угловая динамическая таблица inline edit

Question

Я работаю над динамической таблицей, где я не знаю, сколько столбцов/строк у меня есть, и я пытаюсь реализовать встроенное редактирование с помощью встроенных шаблонов с помощью ng-include.

Первая проблема:

Как использовать нг-включить на < тр> уровне и включают в себя сценарии внутри < TD>, это вообще возможно? Я мог бы назвать нг-inlcude на < TD> уровне, но я думаю, что было бы огромной над головой ...

Вторая проблема:

Как использовать ту же нг-включает включать шаблоны edit_btn/display_btn за пределы 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/. Вы можете найти нужную вам реализацию.