`timeu-wizard`コンポーネントのウィザードの各ステップのボディを設定するにはどうすればいいですか？

Question

私はポリマーを初めて使用しています。ステップボディを設定することは困難です。 すなわち 私は4つのステップがあります。

• 取得個人情報（FNAME、LNAME、性別、年齢など）
• クレジットカード情報取得
• ユーザーアカウント設定
• ようこそオンボードメッセージ

各ステップにはそれぞれ独自のPage/Body/Divがあります。どのように私はそれを設定するのですか？だから、次をクリックすると、次のステップ本体が表示されます。

Answer 1

正しい構文が見つかりました。私はここに書いていますので、ポリマーの新しい人（私のようなもの）がそれを必要とするならば：

<timeu-wizard id="default" steps='["Step1","Step2","Step3","Step4","Step5"]' step="{{model.WizardStep$}}"> 
</timeu-wizard> 
<iron-pages selected="{{model.WizardStep$}}"> 
    <div>Step 0 page (The wizard is not started yet)</div> 
    <div>Step 1 page</div> 
    <div>Step 2 page</div> 
    <div>Step 3 page</div> 
    <div>Step 4 page</div> 
    <div>Step 5 page</div> 
    <paper-button raised id="next">Next</paper-button> 
</iron-pages>