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

时间:2016-10-26 18:28:04

标签: polymer web-component shadow-dom custom-element html5-template

在聚合物中,我们可以在自定义模块中使用<content>为HTML内容创建插入点。

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

然后再使用这样的模块:

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

自定义元素可以支持多个这些基于<content>的插入点吗?怎么样?

1 个答案:

答案 0 :(得分:2)

您可以使用<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> 标准元素,并使用CSS选择器来获取不同的插入元素

app.post("/route", function(req, res) {
    ...
    res.set('Content-Type', 'text/html'); // or 'text/plain', etc.
    ...
    res.send();
});