Javascript 角度动态表内联编辑
我正在处理动态表,其中我不知道有多少列/行,我正在尝试使用ng include实现内联模板的内联编辑 第一个问题: 如何在Javascript 角度动态表内联编辑,javascript,angularjs,Javascript,Angularjs,我正在处理动态表,其中我不知道有多少列/行,我正在尝试使用ng include实现内联模板的内联编辑 第一个问题: 如何在级别上使用ng include,并在中包含脚本,这可能吗?我可以在级别调用ng inlcude,但我猜这将是巨大的开销 第二个问题: 如何使用相同的ng include将编辑\ btn/显示\ btn模板包含在ng之外,并与最后一个单元格重复 <tr ng-repeat="row in model.array" ng-include="model.isE
<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>
{{model.dateTime}
{{v}
{{model.dateTime}
{{v}
拯救
编辑
您可以使用Angular xeditable,它可以在以下链接中找到:。您可以在那里找到所需的实现。您可以使用Angular xeditable,可在以下链接中找到:。您可以在那里找到所需的实现。无法找到修复上述问题的方法。。。对于这种类型的动态表,内联编辑的替代解决方案是什么?找不到修复上述问题的方法。。。对于这种类型的动态表,内联编辑的替代解决方案是什么?