[英]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.