Javascript 当angularjs中出现模式弹出窗口时,如何使背景保持静态

Javascript 当angularjs中出现模式弹出窗口时,如何使背景保持静态,javascript,angularjs,twitter-bootstrap,Javascript,Angularjs,Twitter Bootstrap,我正在使用一个模式弹出窗口来编辑网格视图中的一行。我能够使用row.getProperty()函数检索模式中的行值。但问题是,当我试图在模式中编辑一个值时,在单击更新按钮之前,该值也会在背景视图中同时更改 我猜您正在使用相同的对象引用绑定到模态视图和静态背景视图 要解决此问题,可以在模式中创建对象的副本: 在模式中,使用$scope.copy=angular.copy(obj)将对象的副本绑定到作用域。 提交后,使用angular.extend(obj,copy)将属性重新指定回原始对象 [编辑

我正在使用一个模式弹出窗口来编辑网格视图中的一行。我能够使用row.getProperty()函数检索模式中的行值。但问题是,当我试图在模式中编辑一个值时,在单击更新按钮之前,该值也会在背景视图中同时更改

我猜您正在使用相同的对象引用绑定到模态视图和静态背景视图

要解决此问题,可以在模式中创建对象的副本:

在模式中,使用
$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();
 }
有关更多详细信息,请参阅