ng2中的ng content用法

2022-09-15 17:18:11 字數 811 閱讀 1136

用途:1.ng-content用於在元件中嵌入內容

2.ng-content可以在元件中嵌入模板**,方便定製可復用的元件

select屬性支援css選擇器,如"#id",".class",["name"="value"]等

eg:父元件html內容為:

<

>

<

div

class

="left"

>123456

div>

<

div

class

="right"

>654321

div>

>

<

-->

可復用的子元件模板為:

<

div

style

="font-size:20px;"

>

<

ng-content

select

=".left"

>

ng-content

>

div>

<

div

style

="color:red;"

>

<

ng-content

select

=".right"

>

ng-content

>

div>

那麼頁面上就會顯示:

ng2目錄說明

目錄說明 一 e2e 端到端的測試目錄 二 src 源 目錄。用 ngmodule宣告了乙個模組,在這個模組中 首先用delarations宣告了這個模組中有什麼東西。這裡只能宣告元件,指令,管道。imports 宣告要讓應用正常運轉,還需要什麼東西。也就是這個模組依賴的其他模組 browermod...

ng2 的建立命令

ng new project name 建立乙個新專案,置為預設設定 執行這些步驟所需要的全部設定,都由cli工具來完成。除了設定乙個新應用之外,該工具還支援開發者執行命令,構建應用的組成部分,如元件 component 和路由 route ng generate component my comp...

構建ng2簡單練手

angular構建說明1.開啟命令列 mkdir ng2 建立專案資料夾 cd ng2 切換到專案資料夾 2.新建三個json檔案 tsconfig.json 複製如下 exclude node modules typings main typings main.d.ts typings.json ...