如何像Canjs中的常用控制栏一样创建gmail？

Question

例如，我们在canjs中制作Gmail克隆版。考虑侧边栏中的每个项目都使用自己的组件进行渲染。现在我想要一个像gmail一样的控制栏来控制组件内部的活动。

我应该怎样接近它？

目前正在关注localStorage的更改事件，有没有更好的解决方案呢???

Answer 1

我建议使用appstate Map或页面级组件来保存工具栏功能的状态。如果使用appstate，您可以使用can.route.map将appstate Map的某些功能绑定到路由，因此可以通过URL控制应用程序的状态。例如，page属性将控制显示哪个主页面（例如，消息列表或联系人列表。）然后，您可以在stache模板中侦听页面的某些值，以切换到显示正确的页面。只要appstate的页面属性为“消息”，此代码段就会显示消息列表：{{#is appstate.page 'messages}}<message-list></message-list>{{/is}}

如果你有更多具体细节知道如何实现哪些功能，我可能会提供更具体的建议。