用于ember.js服务（余烬2.12）

Question

变化自动更新I成分有这样的服务：在差路由

import Ember from 'ember'; 

export default Ember.Service.extend({ 
    total: '', 

    setTotal(total) { 
     this.set('total', total); 
    }, 
    getTotal(){ 
     return this.get('total'); 
    } 
}); 

和两个组件。

当一个组件更新服务“总”的财产，我想自动更新新的值到其他组件的.hbs文件

。做这个的最好方式是什么？

Answer 1

不要紧，两个组件是否在不同的路线与否。您可以在两个组件中注入您的服务并更新其中的值，并通过定义计算属性来反映另一个组件中的更改。

请参阅following twiddle到明白我的意思。 my-service注入first-component，总价值是通过setTotal在动作处理通过点击按钮设置。在服务的total值的变化反映到second-component由于serviceTotal计算属性定义。