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

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

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

dangerChihuahua007 · 技术社区 · 9 年前

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

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

然后再使用如下模块:

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

<

1 回复 | 直到 9 年前

Supersharp 9 年前

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

推荐文章

Lars MH · Aurelia:在顶层声明自定义元素并跨应用程序访问

8 年前

gerd hübner · 禁止单击聚合物中的自定义元素

8 年前

Cheetah · 具有绝对位置的自定义元素

8 年前

Max Smaleha · 聚合物2事件

8 年前

James · 未捕获引用错误抽屉未在HTMLElement上定义。onclick in Polymer 2.0?

9 年前

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

9 年前

Un1 · 如何使disqus注释javascript代码在聚合物自定义元素中工作

9 年前

l1e3e3t7 · 向aurelia视图添加自定义元素

11 年前