Javascript 当angularjs中出现模式弹出窗口时,如何使背景保持静态
我正在使用一个模式弹出窗口来编辑网格视图中的一行。我能够使用row.getProperty()函数检索模式中的行值。但问题是,当我试图在模式中编辑一个值时,在单击更新按钮之前,该值也会在背景视图中同时更改 我猜您正在使用相同的对象引用绑定到模态视图和静态背景视图 要解决此问题,可以在模式中创建对象的副本: 在模式中,使用Javascript 当angularjs中出现模式弹出窗口时,如何使背景保持静态,javascript,angularjs,twitter-bootstrap,Javascript,Angularjs,Twitter Bootstrap,我正在使用一个模式弹出窗口来编辑网格视图中的一行。我能够使用row.getProperty()函数检索模式中的行值。但问题是,当我试图在模式中编辑一个值时,在单击更新按钮之前,该值也会在背景视图中同时更改 我猜您正在使用相同的对象引用绑定到模态视图和静态背景视图 要解决此问题,可以在模式中创建对象的副本: 在模式中,使用$scope.copy=angular.copy(obj)将对象的副本绑定到作用域。 提交后,使用angular.extend(obj,copy)将属性重新指定回原始对象 [编辑
$scope.copy=angular.copy(obj)
将对象的副本绑定到作用域。
提交后,使用angular.extend(obj,copy)
将属性重新指定回原始对象
[编辑]
使用angular.copy将副本分配回原始obj也会起作用,并且比扩展更可取:
$scope.obj = angular.copy(copy, obj);
我猜您正在使用相同的对象引用绑定到模态视图和静态背景视图 要解决此问题,可以在模式中创建对象的副本: 在模式中,使用
$scope.copy=angular.copy(obj)
将对象的副本绑定到作用域。
提交后,使用angular.extend(obj,copy)
将属性重新指定回原始对象
[编辑]
使用angular.copy将副本分配回原始obj也会起作用,并且比扩展更可取:
$scope.obj = angular.copy(copy, obj);
我猜您正在使用相同的对象引用绑定到模态视图和静态背景视图 要解决此问题,可以在模式中创建对象的副本: 在模式中,使用
$scope.copy=angular.copy(obj)
将对象的副本绑定到作用域。
提交后,使用angular.extend(obj,copy)
将属性重新指定回原始对象
[编辑]
使用angular.copy将副本分配回原始obj也会起作用,并且比扩展更可取:
$scope.obj = angular.copy(copy, obj);
我猜您正在使用相同的对象引用绑定到模态视图和静态背景视图 要解决此问题,可以在模式中创建对象的副本: 在模式中,使用
$scope.copy=angular.copy(obj)
将对象的副本绑定到作用域。
提交后,使用angular.extend(obj,copy)
将属性重新指定回原始对象
[编辑]
使用angular.copy将副本分配回原始obj也会起作用,并且比扩展更可取:
$scope.obj = angular.copy(copy, obj);
如果不希望端点立即生效,则需要复制模型并编辑复制的版本。用户单击“更新”按钮后,可以将复制的值移动到原始模型
function Controller($scope) {
$scope.master= {};
$scope.update = function(user) {
// Example with 1 argument
$scope.master= angular.copy(user);
};
$scope.reset = function() {
// Example with 2 arguments
angular.copy($scope.master, $scope.user);
};
$scope.reset();
}
有关详细信息,请参阅。如果不希望端点立即生效,则需要复制模型并编辑复制的版本。用户单击“更新”按钮后,可以将复制的值移动到原始模型
function Controller($scope) {
$scope.master= {};
$scope.update = function(user) {
// Example with 1 argument
$scope.master= angular.copy(user);
};
$scope.reset = function() {
// Example with 2 arguments
angular.copy($scope.master, $scope.user);
};
$scope.reset();
}
有关详细信息,请参阅。如果不希望端点立即生效,则需要复制模型并编辑复制的版本。用户单击“更新”按钮后,可以将复制的值移动到原始模型
function Controller($scope) {
$scope.master= {};
$scope.update = function(user) {
// Example with 1 argument
$scope.master= angular.copy(user);
};
$scope.reset = function() {
// Example with 2 arguments
angular.copy($scope.master, $scope.user);
};
$scope.reset();
}
有关详细信息,请参阅。如果不希望端点立即生效,则需要复制模型并编辑复制的版本。用户单击“更新”按钮后,可以将复制的值移动到原始模型
function Controller($scope) {
$scope.master= {};
$scope.update = function(user) {
// Example with 1 argument
$scope.master= angular.copy(user);
};
$scope.reset = function() {
// Example with 2 arguments
angular.copy($scope.master, $scope.user);
};
$scope.reset();
}
有关更多详细信息,请参阅