1. 程式人生 > >關於Angular中的:host選擇器

關於Angular中的:host選擇器

Angular使用自定義標籤插入元件

      上一篇關於HTML中的自定義標籤的部落格中,揭示了HTML自定義元素的預設樣式是display:inline,而且也是可以為它們應用樣式的。在Angular中,元件樣式規則中的:host選擇器就是用來對自定義元素應用樣式:
      在Angular中,對元件的樣式規則進行了內部封裝,即為元件定義的樣式規則都只在元件內部才能生效,不進不出。但是,由於元件的宿主元素也即自定義元素<app-component>在元件模板之外,而是父元素模板的一部分,如何在元件的樣式規則中對它應用樣式呢?還好Angular提供了在元件內部的樣式定義中選擇宿主元素的:host選擇器,這也是在元件內部樣式規則中選擇宿主元素的唯一方式。