聚合物模板:内容插入点的有效选择是什么

Question

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

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

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

虽然,最终,我只是在寻找答案,但我也很乐意接受文件引用或网址.

Answer 1

聚合物网站上的一些文档隐藏在您的第一个聚合物应用程序部分中.有一个W3C Shadow DOM规范的链接,它说插入点的有效选择器是:

• A型选择器或通用选择器(a,div等)
• 类选择器(例如.my-class)
• ID选择器(例如#myid)
• 属性选择器(一个或多个)(例如[myboolattr],[myattr="myvalue"])
• 否定伪类,:not()

您可以在select属性中有多个选择器,例如:

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

绑定也有效:

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

A *选择一切:

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