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

Templates 聚合模板:内容插入点的有效选择是什么,templates,polymer,web-component,Templates,Polymer,Web Component,这可能是一个相当简单的问题,虽然我可以找到一些简单的例子,但我在Polymer项目网站上找不到这方面的文档。在元素的模板中,可以使用: <content select="value"></content> 我的问题是select属性的有效值是什么。它只是一个元素吗?它可以是任何简单的CSS选择器(例如“#id”)?它可以是一个绑定值(“{{data}}”) 虽然最终我只是在寻找答案,但我也很乐意接受文档引用或URL。我在Polymer网站的教程中找到了这一点 选择内

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

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

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

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

我在Polymer网站的教程中找到了这一点

选择内容:内容元素上的select属性接受 有限的CSS选择器集。只能选择的直接子对象 主机节点,而不是子节点

更多

插入点的匹配条件是一组化合物 选择器。这些复合选择器仅限于包含 这些简单的选择器:

  • 类型选择器或通用选择器
  • 类别选择器
  • ID选择器
  • 属性选择器
  • 否定伪类:not()

  • 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>