Templates 聚合模板:内容插入点的有效选择是什么
这可能是一个相当简单的问题,虽然我可以找到一些简单的例子,但我在Polymer项目网站上找不到这方面的文档。在元素的模板中,可以使用:Templates 聚合模板:内容插入点的有效选择是什么,templates,polymer,web-component,Templates,Polymer,Web Component,这可能是一个相当简单的问题,虽然我可以找到一些简单的例子,但我在Polymer项目网站上找不到这方面的文档。在元素的模板中,可以使用: <content select="value"></content> 我的问题是select属性的有效值是什么。它只是一个元素吗?它可以是任何简单的CSS选择器(例如“#id”)?它可以是一个绑定值(“{{data}}”) 虽然最终我只是在寻找答案,但我也很乐意接受文档引用或URL。我在Polymer网站的教程中找到了这一点 选择内
<content select="value"></content>
我的问题是select属性的有效值是什么。它只是一个元素吗?它可以是任何简单的CSS选择器(例如“#id”
)?它可以是一个绑定值(“{{data}}”
)
虽然最终我只是在寻找答案,但我也很乐意接受文档引用或URL。我在Polymer网站的教程中找到了这一点
选择内容:内容元素上的select属性接受
有限的CSS选择器集。只能选择的直接子对象
主机节点,而不是子节点
更多
插入点的匹配条件是一组化合物
选择器。这些复合选择器仅限于包含
这些简单的选择器:
polymer网站上的一些文档隐藏在该部分中。规范中有一个链接,说明插入点的有效选择器为:
- 类型选择器或通用选择器(
,A
等)div
- 类别选择器(例如
).my class
- ID选择器(例如
)#myid
- 属性选择器(例如
,[myboolattr]
)[myattr=“myvalue”]
- 否定伪类:not()
select
属性中可以有多个选择器,例如:
<content select='div,.my-class,#myid,[name="myname"]'></content>
谢谢你知道它是否能被绑定吗?哈哈,还有。。。(修辞)为什么不在实际的文档中?请告诉我:)@模糊逻辑:可以这样做。
@oliverdm:把它加到你的答案中,我会接受的。是的,@oliverdm是对的,你可以!我不知道为什么它不在实际的文档中…@JustinXL:谢谢你的确认!虽然你们基本上给出了相同的信息,但多个选择器是一个重要的信息,应该得到答案。。。(除非我们缺少一些更酷的东西)。谢谢接受。我想我是通过反复试验才发现装订部分的。在聚合物来源中的快速搜索没有在任何元素中使用此功能的示例。因此,也许它没有得到官方的支持(尽管它工作得很好)。然而,在聚合物元件中使用了多选择器(例如,核心支架
)。
<content select="{{ mySelector }}"></content>
<content select="*"></content>