Question

我想观察在灰烬服务中创建的Ember对象内的变化。

export default Ember.Service.extend({
  internalCache: Ember.Object.create(),

  setInternalCache: function setTestObj(itemId, relation, content) {
    let arr, myarr, ref, internalCache;
    internalCache = this.get('internalCache');

    if (!((ref = internalCache[itemId]) != null ? ref[relation] : void 0)) {
      internalCache[itemId] || (internalCache[itemId] = {});
      internalCache[itemId][relation] = [];
    }

    arr = Ember.copy((internalCache[itemId][relation]), false);
    content.map(function (elem) {
      return arr.pushObject(elem);
    });

    myarr = internalCache[itemId][relation];
    myarr.replace(0, arr.length, Ember.copy(arr, false));
  }});

可以观察到 internalCache 对象属性，但最终会使用具有多个属性的内部对象来填充此对象。我想观察在这些数组上添加/删除元素时的更改。说一个像这样的结构：

internalCache: {
  "identifier12": {
    attachments: [1, 2],
    children: [ ... ]
  }
}

使用 setInternalCache 功能设置附件数组属性，并成功修改 identifier12 中的附件数组属性 internalCache 的属性。

到目前为止我已尝试过：

cache: Ember.inject.service('cache');

itemAttachmentsObserver: Ember.observer('cache.internalCache.identifier12', function() {
  console.log('foo');
}).on('init')

要查看嵌套的修改过的道具是否会触发观察者，一无所获。

itemAttachmentsObserver: Ember.observer('cache.internalCache.identifier12.@each', function() {
  console.log('bar');
}).on('init')

和

itemAttachmentsObserver: Ember.observer('cache.internalCache.identifier12.@each.attachments.[]', function() {
  console.log('baz')
}).on('init')

但是当附件数组被修改时，我无法触发观察者。

Answer 1

我刚刚测试了一些东西可以玩，似乎有效，以防万一偶然发现同样的问题：

    itemAttachmentsObserver: Ember.observer('cache.internalCache.identifier12.attachments.@each', function () {
      var cache = this.get('cache');
    }).on('init'),

在这种情况下它会发射。

观察内部数组Ember Object

1 个答案: