polymer - 聚合物模块中有多个插入点？

Question

<content>在聚合物中，我们可以在这样的自定义模块中为 HTML 内容创建插入点。

<my-custom-element>
  Surrounding HTML ...
  <content></content>
  Surrounding HTML ...
</my-custom-element>

然后像这样使用模块：

<my-custom-element>foo content</my-custom-element>

自定义元素可以支持多个基于这些<content>的插入点吗？如何？

Answer 1

您可以使用带有 CSS 选择器的'属性的标准元素选择来获取不同的插入元素。<template><content>select

<template>
  Name : <content select="h2"></content><br>
  Mail : <content select="#mail"></content>
</tempalte>

<my-custom-element>
    <h2>Some One</h2>
    <span id="mail">email@internet.com</span>
</my-custom-element>