2

有时，当两个变量引用同一个变量时，它们不会像这样绑定在一起：

  var option = 1;
  $scope.a = option;
  $scope.b = option;

当您更改 $scope.a 时，$scope.b 不会更改。看到这个Plunker

但是，有时它们会绑定在一起，例如它以这样的模态发生在我身上：

angular.module('plunker', ['ui.bootstrap']);
var ModalDemoCtrl = function($scope, $modal, $log) {

  $scope.testDataArray = [{
    "name": "Doe"
  }, {
    "name": "Deer"
  }, {
    "name": "Female"
  }];


  $scope.open = function(testData) {

    var modalInstance = $modal.open({
      templateUrl: 'myModalContent.html',
      controller: ModalInstanceCtrl,
      resolve: {
        data: function() {
          return testData;
        }
      }
    });

    modalInstance.result.then(function(selectedItem) {
      $scope.scopeData = selectedItem;
    }, function() {
      $log.info('Modal dismissed at: ' + new Date());
    });
  };
};

// Please note that $modalInstance represents a modal window (instance) dependency.
// It is not the same as the $modal service used above.

var ModalInstanceCtrl = function($scope, $modalInstance, data) {
  $scope.modalData1 = data;
  $scope.modalData2 = data;

  $scope.ok = function() {
    $modalInstance.close($scope.modalData);
  };

  $scope.cancel = function() {
    $modalInstance.dismiss('cancel');
  };
};

见Plunker。这里的“modalData1”和“modalData2”都指的是“数据”。在此 Plunker 的任何模态中，您更改 modalData1，然后 modalData2 随之更改。

为什么会这样？？

谢谢！

4

3 回答 3

4

更新：
您应该复制元素，因为由于 javascript 是通过引用传递的，因此这两个变量（引用）实际上都指向同一个对象。如果要消除该副作用，则必须在分配之前复制对象：

$scope.modalData1 = angular.copy(data);
$scope.modalData2 = angular.copy(data);

笨蛋

原始答案：

在示例中，您提供的 modalData2 输入随着 modalData1 的变化而变化，因为它们在 ng-model 属性中分配了相同的模型：

<div class="modal-body">
    modalData1:
    <input ng-model="modalData1" />
    <br>
    modalData2:
    <input ng-model="modalData1" />
</div>

当我修复它时，它们是独立的（plunker）：

<div class="modal-body">
    modalData1:
    <input ng-model="modalData1" />
    <br>
    modalData2:
    <input ng-model="modalData2" />
</div>

然后当您更新 modalData1 输入时，其他不会改变。

于 2015-07-21T19:58:39.170 回答
2

默认情况下会复制您使用的简单数据类型，例如数字 1（var 选项 = 1：作为整数处理） 。另一方面，对象或函数是通过引用传递的，因此它们的内容似乎绑定在一起。

于 2015-07-21T20:37:59.633 回答
0

这是因为 angularjs 支持双向绑定，当您使用由 angularjs 提供的指令 ng-model 时，这里正在完成双向绑定，并且因为您将两个输入字段绑定到相同的 ng-model 值，从而改变一个反映另一个。

于 2015-07-21T20:07:23.390 回答