簡體   English   中英

angular2組件中的selector屬性的有效選擇器類型是什么

[英]What is the valid selector type for `selector` property in angular2 component

我正在閱讀有關組件的selector屬性的書:

使用選擇器鍵,指示在呈現HTML模板時如何識別您的組件。 這個想法類似於CSS或XPath選擇器。 選擇器是定義HTML中的哪些元素將與此組件匹配的方法。 在這種情況下,通過說選擇器:“ inventoryapp”,我們說的是在我們的HTML中,我們要匹配stock-app標簽,即,我們定義了一個在使用時具有新功能的新標簽。

所以我放入CSS選擇器

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

而且有效。

因此,我想知道是否支持完整的CSS選擇器語法。

簡短的回答:是的。

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

指令配置

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

指定一個CSS選擇器,用於在模板中標識此偽指令。 受支持的選擇器包括元素,[屬性] 、. class和:not()。 不支持父子關系選擇器。

注意:定義組件選擇器的通常方法是給它一個如您所知的標簽。 像:選擇器: "my-component"並將其用作html中的<my-component>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM