AngularJS ng-options 오류 : 복사 할 수 없습니다! Window 또는 Scope 인스턴스를 복사 할 수 없습니다.

Question

AngularJS 버전 1.5.11을 사용하고 있습니다.

I가 NG-옵션을 사용하여 선택 (복수) 소자를 만들었다 :

<select multiple class="form-control" ng-model="vm.selectedBuildings" ng-options="building as building.name for building in vm.buildings track by building.id"></select> 

I 대신 selectedBuildings 배열 밀려 요소의 상기 요소 중 하나를 선택할 때마다, I는 오류를 " 복사 할 수 없습니다! Window 또는 Scope 인스턴스의 복사본을 만들 수 없습니다. "

나는 이것을 알아 내려고 수많은 시간을 보냈습니다. 누군가 제발 도와주세요!

제어기

var self = this; 
self.selectedBuildings = []; 

function getBuildings() { 
    buildingService.getBuildings(campusId, function (buildings) { 
     // retrieve buildings from API 
     self.buildings = buildings; 

     // etc, etc 
    }); 
} 

// I am using a Bootstrap modal to display some information. 
// I have multiple structures but only one modal, so when the 
// modal is shown, I dynamically populate self.selectedBuildings. 
$("#modal-lot").on("shown.bs.modal", function() { 
    // etc, etc 
    var lot = self.lots[self.structureToUpdate]; 

    for (var i = 0; i < self.buildings.length; i++) { 
     let building = self.buildings[i]; 
     let index = lot.buildings.indexOf(building.id); 
     if (index > -1) { 
      self.selectedBuildings.push(building); 
     } 
    } 
    // etc, etc 

    $scope.$apply(); 
}); 

// When the modal is hidden, clear the array 
$("#modal-lot").on("hidden.bs.modal", function() { 
    self.selectedBuildings = []; 
}); 

오류 메시지에서

관련 코드

Error: [ng:cpws] Can't copy! Making copies of Window or Scope instances is not supported. 
http://errors.angularjs.org/1.5.11/ng/cpws 
http://***/static/bower_components/angular/angular.js:68:32 
copyElement@http://***/static/bower_components/angular/angular.js:961:21 
copyRecurse@http://***/static/bower_components/angular/angular.js:933:41 
copyRecurse@http://***/static/bower_components/angular/angular.js:933:41 
copyRecurse@http://***/static/bower_components/angular/angular.js:933:41 
copyRecurse@http://***/static/bower_components/angular/angular.js:933:41 
copyRecurse@http://***/static/bower_components/angular/angular.js:922:37 
copyRecurse@http://***/static/bower_components/angular/angular.js:933:41 
copyRecurse@http://***/static/bower_components/angular/angular.js:933:41 
copyRecurse@http://***/static/bower_components/angular/angular.js:933:41 
copyRecurse@http://***/static/bower_components/angular/angular.js:922:37 
copyRecurse@http://***/static/bower_components/angular/angular.js:933:41 
http://***/static/bower_components/angular/angular.js:29665:91 
forEach@http://***/static/bower_components/angular/angular.js:325:24 
readNgOptionsMultiple@http://***/static/bower_components/angular/angular.js:29663:18 
http://***/static/bower_components/angular/angular.js:31995:57 
$apply@http://***/static/bower_components/angular/angular.js:18094:30 
http://***/static/bower_components/angular/angular.js:31994:21 
dispatch@https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js:3:10320 

Answer 1

아래와 같이 제어의 시작에서 배열로 self.selectedBuildings 초기화 시도 self.selectedBuildings = [];

Answer 2

은 에, this에는 초기화하지 말아야합니다.

$scope.selectedBuildings = [];