Question

我正在构建的Ember应用程序使用Leaflet.js作为其大型地图。我在模型上有一个观察者，它向地图添加一个向量并保持更新：

Qp.Region = DS.Model.extend({

  // Attributes
  name: DS.attr('string'),
  maxLat: DS.attr('number'),
  minLat: DS.attr('number'),
  minLon: DS.attr('number'),
  maxLon: DS.attr('number'),

  // Helper properties
  _vector: null,

  // Computed properties
  leafletBounds: function() {
    var properties = ['minLat', 'maxLat', 'minLon', 'maxLon'],
        bounds = [];
    for ( var i = 0; i < 2; i++ ) {
      var lat = Number(this.get(properties[i])),
          lng = Number(this.get(properties[i + 2]));
      if ( lat !== lat || lng !== lng )
        return;
      bounds.pushObject(L.latLng({
        lat: lat,
        lng: lng
      }));
    }
    return bounds;
  }.property('minLat', 'maxLat', 'minLon', 'maxLon'),

  boundsDidChange: function() {
    var existingVector = this.get('_vector'),
        vector = existingVector || Ember.Object.create({
          _layer: null,
          model: this
        }),
        bounds = this.get('leafletBounds');
    if ( !bounds )
      return;
    vector.set('bounds', bounds);
    if ( !existingVector ) {
      Qp.L.regions.pushObject(vector);
      this.set('_vector', vector);
    }
  }.observes('leafletBounds'),

  shouldRemoveSelf: function() {
    if ( !this.get('isDeleted') && !this.get('isDestroying') )
      return;
    var existingVector = this.get('_vector');
    if ( existingVector ) {
      Qp.L.regions.removeObject(existingVector);
      this.set('_vector', null);
    }
  }.observes('isDeleted', 'isDestroying')

})

N.B。这与Ember Data rev完美配合。 0.13

现在我正在更新为Ember Data 1.0 beta 2，并且向量不再添加到地图中。如果我在init上保存对模型的引用...

init: function() {
  this._super.apply(this, arguments);
  window.test = this;
}

...并从Chrome开发工具控制台调用window.test.boundsDidChange()，我的灯具中的最后一个区域的矢量会出现。因此，我知道一切仍然有效，除了在加载模型数据时不再调用观察者。

如何在模型加载或更新时触发boundsDidChange观察者？

Answer 1

这可能是由于rc8的变化。寻找标题为“＃34;未经解决的计算属性不要触发观察者”的部分＆＃34; ：http://emberjs.com/blog/2013/08/29/ember-1-0-rc8.html

更改是计算属性在实际被某些东西检索之前不会计算，这意味着如果它们没有被直接显示，那么它们上的观察者就无法可靠地工作。

您可以在对象init中get leafletBounds属性，也可以让boundsDidChange函数观察计算属性的所有组件。

boundsDidChange：function（）{ //方法体中的任何内容都没有变化
} .observes（＆＃39; minLat＆＃39;，＆＃39; maxLat＆＃39;，＆＃39; minLon＆＃39;，＆＃39; maxLon＆＃39;）

Ember Data 1.0 - 如何在数据加载时触发模型上的观察者？

1 个答案: