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

Question

我正在阅读有关组件的selector属性的书：

使用选择器键，指示在呈现HTML模板时如何识别您的组件。 这个想法类似于CSS或XPath选择器。 选择器是定义HTML中的哪些元素将与此组件匹配的方法。 在这种情况下，通过说选择器：“ inventoryapp”，我们说的是在我们的HTML中，我们要匹配stock-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选择器，用于在模板中标识此伪指令。 受支持的选择器包括元素，[属性] 、. class和：not（）。 不支持父子关系选择器。

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