Angular2 ng-content 在組件中嵌入內容
ng-content指令可以在組件中嵌入模板代碼，方便定制可復用的組件。比如：頁面的header是個通用組件，導航菜單樣式已經設定好，只需在header標簽內加上菜單內容。源碼以前文為基礎。 父組件使用方法： 這樣的結構可謂清晰明了。這里只為演示ng-content的功能，如果是真正 ...
原文：Angular4學習筆記（八）- ng-content
內容投影 ng content ng content是一個占位符，有些類似於router outlet。 以前舉 例子，父組件包含子組件都是直接指明子組件的selector，比如子組件的selector叫app child，那么嵌入父組件時直接指明即可: 這是很硬性的編碼，而ng content就是用來替代這種硬性編碼的。 比如有個父組件這樣定義： 它表示被放進的內容的背景色統一設置為cyan。 ...
2017-11-05 22:41 0 5439 推薦指數：
相關推薦
Angular4學習筆記（三）- 路由
路由簡介 路由是 Angular 應用程序的核心，它加載與所請求路由相關聯的組件，以及獲取特定路由的相關數據。這允許我們通過控制不同的路由，獲取不同的數據，從而渲染不同的頁面。 相關的類 Routes Routes其實是一個Route類的數組。 而Route的參數如下圖所示，一般 ...
Angular開發實踐（八）： 使用ng-content進行組件內容投射
在Angular中，組件屬於特殊的指令，它的特殊之處在於它有自己的模板（html）和樣式（css）。因此使用組件可以使我們的代碼具有強解耦、可復用、易擴展等特性。通常的組件定義如下： demo.component.ts： demo.component.html ...
Angular4學習筆記（一）-環境搭建
下載nodejs 下載地址 在命令行輸入：npm -v 如果出現如下畫面即安裝成功 安裝Angular的cli命令行工具 命令：sudo npm install -g @angular/cli 輸入ng -v，如出現以下畫面即表示安裝成功 創建項目 ...
Angular4學習筆記（七）- ViewChild和ViewChildren
基礎 ViewChild ViewChild 裝飾器用於獲取模板視圖中的元素或直接調用其組件中的方法。它支持 Type 類型或 string 類型的選擇器，同時支持設置 read 查詢條件，以獲取 ...
Angular4學習筆記（四）- 依賴注入
概念 依賴注入是一種設計思想，並不是某一類語言所特有的，因此可以參考開濤大神關於學習Java語言的Spring框架時對其的解釋： DI—Dependency Injection，即“依賴注入”：是組件之間依賴關系由容器在運行期決定，形象的說，即由容器動態的將某個依賴關系注入到組件之中 ...
Angular4學習筆記（六）- Input和Output
概述 Angular中的輸入輸出是通過注解@Input和@Output來標識，它位於組件控制器的屬性上方。 輸入輸出針對的對象是父子組件。 演示 Input 新建項目connInComponents:ng new connInComponents. 新增組件stock:ng g ...