2014-10-17 19 views
1

場景:Ember.js多個視圖對於相同的控制器或類似路線的嚮導;如何?

你有類似嚮導的東西。用戶在第一頁上完成了一些事情,然後點擊下一頁並轉到第二頁,直到他到達最後一頁。在這裏,他點擊完成,他的所有輸入被存儲並使用一個燼模型持久化。

有類似這樣的另外兩個問題:我和每個步驟的路由/控制器/視圖試圖 Ember.js wizard control

Multi-step form (or multiple "pages") in one route using Ember.js

在第一,但因爲答案基本上都是控制器狀態變量並在轉換時丟失,顯然它不能像這樣工作!

然後我採取了上述鏈接中描述的方法。一個路由,一個控制器,一個模板,大量{{#if }},這樣我只顯示當前步驟的字段。我想我可以通過使用partials來改善這一點,所以每一步都會有自己的模板。

問題是:這是唯一/最好的方法嗎?有沒有人想出一個更好的方法來實現這樣的流程?

回答

3

如果您爲每個嚮導頁面創建一個組件,然後將該模型作爲模板參數傳遞給每個組件,那麼您會得到一個相當不錯的工作流。該URL是穩定的(不是經常爲了傳遞狀態而在最後添加垃圾);當用戶進入路由時(比如手動輸入URL或者更重要的是完成嚮導然後點擊瀏覽器的後退按鈕),用戶很容易進入第一步。並且您可以在嚮導的每個頁面上執行驗證。

查看我更長時間的回答here

相關問題