Javascript 角度动态表内联编辑

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

我正在处理动态表,其中我不知道有多少列/行,我正在尝试使用ng include实现内联模板的内联编辑

第一个问题:

如何在级别上使用ng include,并在中包含脚本,这可能吗?我可以在级别调用ng inlcude,但我猜这将是巨大的开销

第二个问题:

如何使用相同的ng include将编辑\ btn/显示\ btn模板包含在ng之外,并与最后一个单元格重复

        <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,可在以下链接中找到:。您可以在那里找到所需的实现。

无法找到修复上述问题的方法。。。对于这种类型的动态表,内联编辑的替代解决方案是什么?找不到修复上述问题的方法。。。对于这种类型的动态表,内联编辑的替代解决方案是什么?