使用 Controller As 更新回调中的属性

Question

我正在开发一个使用 ES6 和 Controller As 语法的 AngularJS 项目，但遇到了一些新问题。我有一个ng-repeat，它调用一个函数来更新一些数据。我希望在承诺返回时更新传递给ng-repeat 中的函数的项目。问题是承诺回来后我似乎无法再次引用它。

<div ng-repeat="item in ctrl.thing.items">
  <div ng-click="updateItem(item)">Update Item</div>
</div>

那么这里的更新函数：

updateItem(item) {
    let i = new this.Item(item);
    i.update().then(function(response) {
        item = response.data; // Item does not get updated in controller
    });
}

我尝试将 item 设置为函数中的变量以及我可以尝试重新引用的各种其他内容，但均未成功。

我唯一的成功是传递索引，然后通过在promise 之前设置let t = this; 然后t.thing.items[index] = response.data 来引用原始对象。这可行，但与通常能够更直接地引用对象相比，感觉有点难看。我在这里错过了什么？

Answer 1

正如您所指出的，通过调用 item =，您实际上只是重新分配对传递给 updateItem 的参数的引用 - 您实际上并没有更新原始的 item 对象。

要解决这个问题，您可以使用Object.assign 使用来自response.data 的所有数据更新item 的属性：

updateItem(item) {
    let i = new this.Item(item);
    i.update().then(function(response) {
        Object.assign(item, response.data); // Copy the enumerable properties from response.data into item
    });
}

但是请注意，这不会删除以前在item 中但不再在response.data 中的任何属性；