“DS.attr（）”中的嵌套对象不受“DS.rollbackAttributes（）”的影响 [英] Nested object in `DS.attr()` isn't affected by `DS.rollbackAttributes()`

问题描述

我有一个模型用户如下：

import DS from 'ember-data';

const { attr, Model } = DS;

export default Model.extend({
  name: attr("string"),
  properties: attr(),
});

User.properties 旨在持有JSON对象。

User.properties is intended to hold a JSON object.

我通过表单更新模型（使用 ember-one-way-controls ）如下：

I am updating the model through a form (using ember-one-way-controls) as follow:

{{one-way-textarea
  model.name
  update=(action (mut model.name))}}

{{one-way-textarea
  model.properties.description
  update=(action (mut model.properties.description))}}

我有一个按钮，允许用户通过调用 discardChanges 操作来放弃更改：

I have a button allowing the user to discard the changes by calling a discardChanges action:

actions: {
  discardChanges(model) {
    model.rollbackAttributes();
  },
},

/ code>属性更改正确丢弃/重置，但属性属性不是。

如何我处理这个？

推荐答案

问题的起因

Ember数据不知道更改，因为它使用 === 运算符来比较脏的属性与原始属性。如果发现有更改，Ember Data将脏的属性键存储在 _attributes 数组中。 我们注意到这里。然后，当您调用 DS.rollbackAttributes（），模型查看 _attributes 以确认要还原的属性。 这里是。

Ember Data isn't aware of the changes because it uses === operator to compare the dirtied attribute against the original one. If a change has been spotted, Ember Data stores the dirtied attribute key in the _attributes array. We notice this here. Then, when you call DS.rollbackAttributes(), the model looks at the _attributes to acknowledge the attributes to restore. Here it is.

但散列不一样！

JS都是通过引用传递的价值。以下是Node解释器的一个例子：

JS is all about value passed by reference. Here is an example from Node interpreter:

> var foo = { description: 'hello' }
undefined
> var bar = foo;
undefined
> bar.description = 'bonjour';
'bonjour'
> bar === foo
true

您正在修改原始对象。

解决方案

可能的解决方案是深入复制您的属性对象，并在调用 discardChanges 时手动重置。

A possible solution is to deep-copy your properties object and manually reset it when calling discardChanges.

您可以将其实现为服务：

You can implement it as a service :

import Ember from 'ember';

const { copy, Service } = Ember;

export default Service.extend({
  savedProperties: null,

  finalize() {
    this.set('savedProperties', null);
  },

  start(model) {
    const properties = copy(model.get('properties'));
    this.set("savedProperties", properties);
  },

  undo(model) {
    const savedProperties = this.get('savedProperties');
    for (const property in savedProperties) {
      if (savedProperties.hasOwnProperty(property)) {
        const keyPath = `properties.${property}`;
        model.set(keyPath, savedProperties[property]);
      }
    }
    this.set('savedProperties', null);
  },
});

• 您调用开始


• 当您要放弃更改时，您调用 undo 。


• 当您成功保存您的记录时，您调用 finalize


• You call start when you enter in edition mode.
• You call undo when you want to discard the changes.
• You call finalize when you successfully saved your record.

这篇关于“DS.attr（）”中的嵌套对象不受“DS.rollbackAttributes（）”的影响的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！