应用程序级组件 属性 更改

application level component property change

我需要从页面级模板更改布局组件值。

如图所示 x.hbs 可能因 route.each 而异 特定路线可能有添加到购物车按钮,当点击添加到购物车按钮时,布局组件价格应该更新。

如何在 emberjs 中做这样的事情?

要管理全局状态,您应该使用 service

但是对于您的用例,我将只依赖 ember-data 提供的 store-服务。您可能应该为您的 shopping-cart-item 创建一个 model。然后你可以在你的应用程序路由模型挂钩中做类似 store.findAll('shopping-cart-item') 的事情。在应用程序控制器中,您可以使用简单的 Computed 属性 获得总和。 现在,如果您将商品添加到购物车,ember-data 将使一切保持同步。

也许可以查看 this twiddle 进行演示。