javascript - Ionic 和 Angularjs - 表单绑定(bind)似乎只是一种方式。

Question

我有一个项目列表。它们是 itemArray 中保存的对象。当你触摸一个时，它会触发 ng-click="openEditor(item)"。像这样:

<ion-list>
  <ion-item ng-repeat="item in ItemArray" class="item item-avatar" ng-click="openEditor(item)">
    <img ng-src="{{iconMap[item.type]}}">
    <h2>{{item.dateString}}</h2><span>{{item.startTimeString}}</span>
    <p>ASA {{item.priority}}: {{item.itemType}}</p>
  </ion-item>
</ion-list>

然后会发生这种情况:

$scope.openEditor =function(item){ 
   $scope.currentItem = item;
   $scope.modal.show();
}

在模态中我有

<select ng-model="currentItem.priority">
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
          <option value="5">5</option>
        </select>

它在下拉列表中显示了正确的优先级(我已经用很多项目对其进行了测试)。

问题是 - 我无法改变它!如果我尝试，我无法更改下拉列表中的选项。

我收到此错误:

TypeError: Cannot assign to read only property 'priority' of #<Object>

为什么会发生这种情况？我想更改优先级，然后将其保存回 itemArray 和 SQL DB。

Answer 1

听起来您尝试更改的对象是只读的。您需要调查原因，但您可以使用

复制该对象

$scope.openEditor =function(item){ 
   $scope.currentItem = angular.copy(item);
   $scope.modal.show();
}