代码之家 › 专栏 › 技术社区 › dangerChihuahua007

聚合物模块中有多个插入点?

html5-template custom-element shadow-dom web-component polymer

1

dangerChihuahua007 · 技术社区 · 10 年前

在polymer中,我们可以使用 <content> 在这样的自定义模块中。

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

然后再使用如下模块:

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

<

1 回复 | 直到 9 年前

1

2

Supersharp 10 年前

你可以使用标准从中选择元素 <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>