Question

我正在阅读一本关于组件的selector属性的书：

使用选择键，指示组件的组成方式在呈现HTML模板时识别。这个想法类似于CSS 或XPath选择器。选择器是一种定义元素的方法 HTML将匹配此组件。在这种情况下，通过说选择器： 'inventoryapp'，我们说在我们的HTML中我们希望匹配 inventory-app标签，也就是说，我们正在定义一个新的标签我们使用它时的功能。

所以我放入CSS选择器

@Component({
  selector: 'span[my-app].z',
  template: `<h1>Hello {{name}}</h1>`,
})

并且有效。

所以我很想知道是否支持完整的CSS选择器语法。

Answer 1

简短回答：是的。

根据angular2 docs：https://angular.io/docs/ts/latest/guide/cheatsheet.html

指令配置：

selector: '.cool-button:not(a)'

指定在模板中标识此指令的CSS选择器。支持的选择器包括element，[attribute]，。class和：not（）。不支持父子关系选择器。

注意：定义组件选择器的常用方法就是给它一个标签，如你所知。例如：selector："my-component"并在html中将其用作<my-component>。

angular2组件中`selector`属性的有效选择器类型是什么

1 个答案: