我正在显示一个项目列表,每个项目旁边都有一个编辑按钮。点击它会打开一个角度ui模态窗口,用户可以更改特定项目的某些属性。
I'm displaying a list of items, each of which has an "edit"-button next to it. A click on that opens an angular ui modal window and the user can change some properties of the specific item.
现在,让我感到困扰的是,在输入此编辑时 - 窗口,项目列表中的特定项目立即反映了更改。我只希望在用户点击模式中的确定时更新,如果用户选择取消则根本不更改。
Now, what bugged me was that when typing in this edit-window, the specific item in the list of items reflected the changes immediatly. I only wanted it to update when the user clicked 'ok' in the modal, and to not change at all if the user chose 'cancel'.
我的解决方法使用副本制作所选项目的副本,然后作为视图的模型:
My workaround uses copy to make a, well, copy of the chosen item that then serves as model for the view:
var modalInstance = $modal.open({ templateUrl: 'scripts/app/views/editBond.html', controller: function ($scope, $modalInstance, bond) { $scope.bond = angular.copy(bond); $scope.ok = function () { $modalInstance.close($scope.bond); }; $scope.cancel = function () { $modalInstance.dismiss('cancel'); }; }, resolve: { bond: function () { return bond; } } });使用适当的angular.copy()来避免此类问题?这是一个范围问题吗?
推荐答案是的,使用 angular.copy( )绝对合适。如果你想要更高级的东西,你可能想要查看 angular-history
Yep, using angular.copy() is absolutely appropriate here. If you want something more advanced you might want to checkout angular-history
更多推荐
使用AngularJS“copy()”避免参考问题
发布评论