model-view-controller - Ember.js - 创建一个多步骤向导 - 如何？

Question

我需要创建一个包含多个步骤的向导。每一步都会显示一个带有选项的表单，并且根据用户的选择，向导应该转到某个步骤，并将用户首选项(选择)保存在某个地方。

这些首选项不会保存在模型中，它们仅与模型创建步骤相关。

为了给出一些上下文，这样做的目标是:

向用户提出几个有关其营业时间的问题。例如:周末开放吗？夏天不一样吗？。

根据这些问题的答案，将显示最终表格以创建时间表模型。

问题是，在 Ember 中实现这一目标的最佳方式是什么？

这是我的——Ember 新手——的想法:

为每个向导步骤创建一个模板。

跟踪当前步骤。 在哪里？ Controller ？路线？

将这些模板显示到 outlets 中，应根据当前步骤动态呈现。 这是我完全迷失的地方。这该怎么做？每个步骤是否应该有不同的路线？

在 中跟踪用户的回答 Controller .

向导完成后，加载表单模板，它将读取存储在 Controller 中的用户首选项。

正在使用的版本:

Ember.VERSION : 1.0.0-rc.1 application.js:9268

Handlebars.VERSION : 1.0.0-rc.3 application.js:9268

jQuery.VERSION : 1.9.1

Answer 1

听起来你是在正确的轨道上。

Create a template for each wizard step.

是的，这是一个好的开始。

Keep track of the current step. Where? Controller? Route?

Controller 或路由都可以工作。如果您想要为每个步骤和后退/前进工作添加书签网址，路由最有意义，并且可能是最直接的解决方案。将假设您已选择路线。

Display these templates into outlets, which should be rendered dynamically according to the current step. This is where I get completely lost. How to do this? Should each step have a different route or not?

由于每一步都是一条路线，因此 ember 将负责自动渲染适当的模板。

Keep track of user answers in the controller.

Once the wizard is finished, load the form template, which will read user preferences stored in controller.

将“完成”视为又一步。每个步骤都有自己的 Controller ，用于记录用户响应。最后一个 Controller 使用“需要”来访问较早的 Controller ，以便根据对向导的响应自定义行为。