Question

我正在开发一个表单，并且有一个＆＃34;向导按钮＆＃34;如果此向导按钮为true，则表单将显示为向导。

是否有一种简单的方法可以避免代码重复？

作为例子：

<wizard on-finish="saveit()" ng-if="data.form.config.wizardmode"> 
 <wz-step title="Starting" ng-if="$index==0 && data.form.config.wizardmode">
   <h1>This is the first step</h1>
   <p>Here you can use whatever you want. You can use other directives, binding, etc.</p>
   <input type="submit" wz-next value="Continue" />
 </wz-step>
 <wz-step title="Continuing">
   <h1>Continuing</h1>
   <p>You have continued here!</p>
   <input type="submit" wz-next value="Go on" />
 </wz-step>
 <wz-step title="More steps">
    <p>Even more steps!!</p>
    <input type="submit" wz-next value="Finish now" />
 </wz-step>
</wizard>

如果向导关闭，我将不得不再次写完整个表格？是否有一个良好的逻辑（角度方式）基本上隐藏/显示所有<wz-step>标签？

谢谢，帕特里克

Answer 1

请检查这是否是您要找的。我做了一个傻瓜。

Plunkr

基本上我写了向导指令，它的子指令叫做wizardStep。

<wizard showWizard="showWizard">
  <wizard-step  step-number=1>
    Step 1
  </wizard-step>
  <wizard-step step-number=2>
    Step 2
  </wizard-step>
  <wizard-step step-number=3>
    Step 3
  </wizard-step>
</wizard>

Angularjs条件向导

1 个答案: