应用程序级组件 属性 更改
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 进行演示。
我需要从页面级模板更改布局组件值。
如图所示 x.hbs 可能因 route.each 而异 特定路线可能有添加到购物车按钮,当点击添加到购物车按钮时,布局组件价格应该更新。
如何在 emberjs 中做这样的事情?
要管理全局状态,您应该使用 service。
但是对于您的用例,我将只依赖 ember-data
提供的 store
-服务。您可能应该为您的 shopping-cart-item
创建一个 model。然后你可以在你的应用程序路由模型挂钩中做类似 store.findAll('shopping-cart-item')
的事情。在应用程序控制器中,您可以使用简单的 Computed 属性 获得总和。
现在,如果您将商品添加到购物车,ember-data 将使一切保持同步。
也许可以查看 this twiddle 进行演示。