AngularJS 无法在 table "edit mode" 中更新 ng-repeat 项目失败
AngularJS unable to update ng-repeat items failure in table "edit mode"
我正在尝试实施 "edit mode" 功能。
单击编辑按钮时,函数备份 将备份该项目。
当点击保存按钮时,函数save将保存它。
但它不适用于恢复
<a><i class="fa fa-lg" ng-click="item.editable? item.enable = !item.enable:''" ng-class="item.enable? 'fa-toggle-on text-success': 'fa-toggle-off text-danger'"></i></a>
<a ng-if="!item.editable"><i class="fa fa-lg fa-pencil-square text-primary" ng-click="backup(item)"></i></a>
<a ng-if="item.editable"><i class="fa fa-lg fa-check-square text-primary" ng-click="save(item)"></i></a>
<a ng-if="item.editable"><i class="fa fa-lg fa-reply text-danger" ng-click="recover(item)"></i></a>
请查看我的 Edited plunker .. 我添加了 angular.extend(item, backup_item)
以使用其备份正确更新项目对象。
希望对您有所帮助
我正在尝试实施 "edit mode" 功能。
单击编辑按钮时,函数备份 将备份该项目。
当点击保存按钮时,函数save将保存它。
但它不适用于恢复
<a><i class="fa fa-lg" ng-click="item.editable? item.enable = !item.enable:''" ng-class="item.enable? 'fa-toggle-on text-success': 'fa-toggle-off text-danger'"></i></a>
<a ng-if="!item.editable"><i class="fa fa-lg fa-pencil-square text-primary" ng-click="backup(item)"></i></a>
<a ng-if="item.editable"><i class="fa fa-lg fa-check-square text-primary" ng-click="save(item)"></i></a>
<a ng-if="item.editable"><i class="fa fa-lg fa-reply text-danger" ng-click="recover(item)"></i></a>
请查看我的 Edited plunker .. 我添加了 angular.extend(item, backup_item)
以使用其备份正确更新项目对象。
希望对您有所帮助