templates - polymer 模板 : What are valid selects for content insertion points

Question

这可能是一个相当简单的问题，虽然我可以找到一些简单的例子，但我在 Polymer Project 网站上找不到相关文档。在元素的模板中，您可以使用:

<content select="value"></content>

我的问题是什么是 select 属性的有效值。它只是一个元素吗？可以是任何简单的 CSS 选择器(例如 "#id" )吗？它可以是一个绑定(bind)值( "{{data}}" )吗？

虽然最终我只是在寻找答案，但我也很乐意接受文档引用或 URL。

Answer 1

polymer 网站上的一些文档隐藏在 Your first Polymer app 中。部分。有一个链接到 W3C Shadow DOM说明插入点的有效选择器的规范是:

类型选择器或通用选择器(a、div 等)

类选择器(例如 .my-class )

ID 选择器(例如 #myid )

属性选择器(例如 [myboolattr]、[myattr="myvalue"])

一个否定伪类，:not()

select 中可以有多个选择器属性，例如:

<content select='div,.my-class,#myid,[name="myname"]'></content>

绑定(bind)也有效:

<content select="{{ mySelector }}"></content>

一个 *选择一切:

<content select="*"></content>