如何在`timeu-wizard`组件中为向导的每个步骤设置主体?

时间:2016-11-22 09:40:46

标签: polymer-1.0 web-component

我是聚合物的新手,我发现很难设置Step Body。 即 我有4个步骤:

  • 获取个人信息(Fname,Lname,Gender,Age等)
  • 获取信用卡信息
  • 用户帐户首选项
  • 欢迎光临留言

现在每一步都有自己的Page / Body / Div。我该怎么做?因此,当我单击下一步时,将显示下一步主体。

1 个答案:

答案 0 :(得分:1)

我找到了正确的语法。我会把它写在这里,所以如果有人对Polymer(像我这样的人)有需要的话:

<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>