Question

来自聚合物文档（https://www.polymer-project.org/1.0/docs/devguide/properties）我发现如何将参数传递给这样的元素：

<script>

  Polymer({

    is: 'x-custom',

    properties: {
      userName: String
    }

  });

</script>

<x-custom user-name="Scott"></x-custom>

但是也可以传递html吗？ e.g。

<my-element>
     <h1>Hello world<h2>
</my-element>

我在聚合物中创建了一个'my-element'，并希望为其添加内容。聚合物元素的唯一目的是对内部的所有内容（h1）进行样式化。

Answer 1

您可以使用Polymer内置的<content>元素执行此操作。这允许您为某些子内容创建插入点。例如，使用<content>元素声明元素：

<dom-module id="my-element">
  <template>
    <style>
      ::content h1 {
        color: red;
      }
    </style>

    <content></content>
  </template>

  <script>
    Polymer({
      is: 'my-element'
    });
  </script>
</dom-module>

然后使用这个元素：

<my-element>
  <h1>This heading is red</h1>
</my-element>

以下是有关content代码以及styling内容的更多信息。

将html传递给聚合物元素

1 个答案: