Ionic 和 Angularjs - 表单绑定似乎只是一种方式。？

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 数据库。

Answer 1

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

制作对象的副本

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

Ionic 和 Angularjs - 表单绑定似乎只是一种方式。？

Ionic and Angularjs - form binding appears to be only one way.?

javascript

angularjs

ionic-framework