本篇文章要為大家介紹一下Angular中的Component/Service。有一定的參考價值,有需要的朋友可以參考一下,希望對大家有幫助。
css樣式的作用域、Shadow DOM
#Shadow DOM是HTML規範的一部分,它允許開發人員封裝自己的HTML標記,CSS樣式和JavaScript。建立樣式Component時,可以透過設置,啟用。 【相關教學推薦:《angular教學》】
@Component({ selector: 'my-app', template: ` <h1>Hello World!</h1> <span class="red">Shadow DOM Rocks!</span> `, styles: [` :host { display: block; border: 1px solid black; } h1 { color: blue; } .red { background-color: red; } `], encapsulation: ViewEncapsulation.ShadowDom }) class MyApp { }
ViewEncapsulation可選值:
單例服務(singleton)
forRoot() 模式
#如果多個呼叫模組同時定義了providers (服務),那麼在多個特性模組中載入此模組時,這些服務就會註冊在多個地方。這會導致出現多個服務實例,並且該服務的行為不再像單例一樣 。有幾種方式來防止這種現象:程式設計影片! !
以上是淺談Angular中的Component/Service的詳細內容。更多資訊請關注PHP中文網其他相關文章!