Polymer 用内容标签熨烫页面

我的聚合物应用程序有一个表单向导，可以在不同的表单部分之间切换。 为此，将创建一个向导自定义dom元素。在wizard.html中是iron pages元素

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

第一步
步骤2

但是，我想在pass中将我的表单步骤添加到另一个自定义元素中，如下所示：

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

其中，我的表单是一个自定义元素，如：

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

：主持人{
显示：块；
}
第一步
步骤2
聚合物({
是：“我的表格”

---

这不起作用。有什么帮助吗？

这不起作用，因为您的

iron pages

只包含一个子元素（

）。您可以将

iron pages

移动到

我的表单

元素中，或者需要通过编程插入子元素（查看）好的，谢谢。我已将iron pages移动到我的表单中。由于您的

iron pages

仅包含一个子项（

），因此无法工作。您可以将

iron pages

移动到

我的表单

元素中，或者需要以编程方式插入子项（查看）好的，谢谢。我把铁皮书页移到了我的表格上。行了