什麼是`selector`財產angular2組件

我在一本書中讀到selector組件的屬性，它的有效選擇類型：什麼是`selector`財產angular2組件

與選擇鍵，即表明您組件將如何在呈現HTML模板時被識別。這個想法與CSS 或XPath選擇器類似。選擇器是定義HTML中的哪些元素與此組件匹配的一種方式。在這種情況下，通過選擇器： 'inventoryapp'，我們說在我們的HTML中我們想要匹配 inventory-app標籤，也就是說，我們正在定義一個新標籤，每當我們使用時都會有新的功能它。

所以我把在CSS選擇器

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

和它的工作。

所以我很想知道是否支持完整的CSS選擇器語法。

來源

2017-01-07 AngularInDepth.com

你可以分享你的代碼如何使用選擇器？ – echonax

@echonax，好吧，它工作，只是一個錯字。但無論如何，我仍然有興趣知道是否支持完整的CSS選擇器語法 –

簡答：是的。

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

指令配置：

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

指定標識模板中該指令CSS選擇器。支持的選擇器包括元素，[attribute]，.class和：not（）。不支持親子關係選擇器。

注意：定義組件選擇器的常用方法就是通過給它一個標籤，如你所知。喜歡：選擇器："my-component"並在html中使用它作爲<my-component>。

來源

2017-01-07 20:29:12 echonax

什麼是`selector`財產angular2組件

回答

相關問題