从EmberJS

Question

我想我不是在理解这个概念。据我所知，任何Ember.object都可以观察到另一个Ember.object的属性。

所以，我有一个服务，一个路由器和一个组件。我需要组件和路由器才能观察服务上的属性。完全有可能我只是以错误的方式构建解决方案，我将概述我最后要做的事情。

这是我的大概：

/services/thing-manager.js

export default Ember.Service.extend({
  observedProperty: 'original value'
});

/components/thing-shower.js

export default Ember.Component.extend({
  thingManager: Ember.inject.service(),
  myObserver: Ember.observer(
    'thingManager.observedProperty',
    function() {
      // This shows up as anticipated, unlike the one in the routes
      console.log('THING SHOWER COMPONENT observed change on thingManager')
    }
  ),
 actions: {
   changeObservedProperty: function() {
     let thingManager = this.get('thingManager')
     let newText = thingManager.get('observedProperty') + '!'
     // here i am sure to call `set` to make sure observers fire
     thingManager.set('observedProperty', newText)
   }
 }

});

/routes/things.js

export default Ember.Route.extend({
  thingManager: Ember.inject.service(),

  underObservation: Ember.observer('thingManager.observedProperty', function() {
    // This is what I expect to fire, but does not.
    console.log('THINGS ROUTE observed change on thingManager')
  }),
});

如您所见，我期待组件和路由器中的两个观察者的控制台输出。为什么这不起作用？

Twiddle here!

我的总体目标

这可能是一个单独的问题，但我想知道是否有更好的方法来完成我想要做的事情。我一直在学习'数据下降，行动起来'，这让我采用了这种方法。我正在建立一个网站，用一堆GPS坐标加载一个json文件并将它们粘贴在地图上。

目标是单击地图标记，然后加载相应的数据。这也应该改变路线。因此，我的想法是，在服务中跟踪我的标记，并且当所选标记发生变化时，路由器将观察到并转换到下一个路径。该组件还会注意到已更改的属性并更新地图。

谢谢大家！

Answer 1

在things.js路径文件中，您尚未使用已访问/使用的thing-manager服务，因此不会触发观察者。

路由/ thing.js

init(){
    this._super(...arguments);
    this.get('thingManager');
},

引入这将使你的观察者被解雇。

我想说，如果您关注DDAU原则，那么您的组件不应该改变事物管理器服务属性。它应该发送行动服务并改变它。

注意：您可以在任何Ember.Object中包含观察者和计算属性，这意味着您也可以拥有它的事物管理器服务。