Question

我的聚合物应用程序有一个表单向导，可以切换不同的表单部分。为此创建了一个向导自定义dom元素。在wizard.html里面是铁页元素。

<iron-pages attr-for-selected="step" selected="{{stepid}}">
  <content/>
</iron-pages>

当我现在在index.html（我称之为向导）中插入表单部分时，一切正常。

<wizard stepId="{{params.stepId}}">
  <section step="1">
    <h2>Step 1</h2>
  </section>
  <section step="2">
    <h2>Step 2</h2>
  </section>
</wizard>

但我希望将表单步骤添加到另一个自定义元素中，如下所示：

<wizard stepId="{{params.stepId}}">
  <my-form\>
</wizard>

my-form是一个自定义元素，如：

<dom-module id="my-form">
<template>
<style>
  :host {
    display: block;
  }
</style>
  <section step="1">
    <h2>Step 1</h2>
  </section>
  <section step="2">
    <h2>Step 2</h2>
  </section>
</template>
<script>
Polymer({
  is: 'my-form'
</script>
</dom-module>

这不起作用。任何帮助我如何管理这个？

带有内容标记的铁页面

0 个答案: