angular2內(nèi)置指令

liaorio 發(fā)布于2019-08-19 18:13 / 598人閱讀

摘要：摘自當(dāng)判斷條件過于復(fù)雜時用它，可選?？芍貜?fù)匹配為設(shè)置屬性方法一方法二方法三可動態(tài)賦值方法一為類名，為布爾值，表示該類是否啟用方法二動態(tài)賦值還有一些方法用時再看數(shù)組。變量索引不編譯，渲染純字符串

摘自ng2-book

1.NgIf

2.NgSwitch

當(dāng)ngIf判斷條件過于復(fù)雜時用它！
ngSwitchDefault，可選。
ngSwitchWhen可重復(fù)匹配


    Var is A
    Var is B
    Var is C
    Var is C, too
    Var is something else

3.NgStyle

為DOM設(shè)置css屬性

//方法一

    Uses fixed yellow background

//方法二
 
    Uses fixed white text on blue background

//方法三：可動態(tài)賦值


{{ colorinput.value }} text 

    {{ colorinput.value }} background

4.NgClass

//方法一：{key:value},key為類名，value為布爾值，表示該類是否啟用
.bordered{
     border: 1px dashed black;
}
This is never bordered

//方法二：動態(tài)賦值

     This is a div with object literal. Border is {{ isBordered ? "ON" : "OFF"}}

還有一些方法用時再看

5.NgFor

 
  {{num+3}}{{ c }}

//cities:數(shù)組。c:變量.index:索引

6.NgNonBindable

不編譯，渲染純字符串


    <- This is what {{ content }} rendered

云服務(wù)器 GPU云服務(wù)器 angular2 angular2JS 內(nèi)置函數(shù) 內(nèi)置數(shù)據(jù)

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/79343.html

相關(guān)文章

Angular2 VS Angular4 深度對比：特性、性能

摘要：的特性和性能是的超集，用于幫助的開發(fā)。注解提供了連接元數(shù)據(jù)和功能的工具。通過在庫中提供基本信息可以調(diào)用函數(shù)或創(chuàng)建類的實例來檢查相關(guān)元數(shù)據(jù)，從而簡化了對象實例的構(gòu)建。停用它會響應(yīng)跳出舊控制器的成功事件。 showImg(https://segmentfault.com/img/bVSqTU?w=850&h=460); 在Web應(yīng)用開發(fā)領(lǐng)域，Angular被認(rèn)為是最好的開源JavaScri...

孫淑建 2019-08-20 18:37 評論0 收藏0
angular2 NgModel` 模塊

摘要：模塊在中一個指的是使用修飾的。中沒有模塊級別的，所有在中聲明的都是注冊在根級別的中導(dǎo)入其他，其它暴露的出的等可以在本的組件中被使用。導(dǎo)入一個并不意味著會自動導(dǎo)入這個內(nèi)部導(dǎo)入的所暴露出的公共成員。 angular2 NgModel 模塊在Angular2中一個Module指的是使用@NgModule修飾的class。@NgModule利用一個元數(shù)據(jù)對象來告訴Angular如何去編譯和...

OnlyLing 2019-08-23 16:51 評論0 收藏0
angular2.0 筆記 - 01

angular2.0 學(xué)習(xí)筆記 ### 1.angular-cli 常用命令記錄詳細(xì)教程 angular cli官網(wǎng) 有，這里不詳細(xì)說明,感興趣的可以自行到官網(wǎng)看，一下僅記錄本人到學(xué)習(xí)過程常用到的命令 1.創(chuàng)建項目 ng new ng new project-name exp: ng new my-app 2.啟動項目 ng serve 參數(shù)名類型默認(rèn)值作用 exp ...

AnthonyHan 2019-08-23 16:48 評論0 收藏0
Angular2 模塊簡介

摘要：模塊簡介簡介應(yīng)用是模塊化的，而我們可以把它當(dāng)做一個容器，用于存放一些內(nèi)聚的代碼塊，它接收一個元數(shù)據(jù)對象并通過該對象告訴如何編譯和運行模塊代碼。它標(biāo)記出該模塊擁有的組件指令和管道，并把它們的一部分公開出去，以便外部組件使用它們。 Angular2 模塊簡介 NgModule 簡介 Angular 應(yīng)用是模塊化的，而NgModule我們可以把它當(dāng)做一個容器，用于存放一些內(nèi)聚的代碼塊，它接...

liaosilzu2007 2019-08-30 15:55 評論0 收藏0
Angular2 模塊簡介

摘要：模塊簡介簡介應(yīng)用是模塊化的，而我們可以把它當(dāng)做一個容器，用于存放一些內(nèi)聚的代碼塊，它接收一個元數(shù)據(jù)對象并通過該對象告訴如何編譯和運行模塊代碼。它標(biāo)記出該模塊擁有的組件指令和管道，并把它們的一部分公開出去，以便外部組件使用它們。 Angular2 模塊簡介 NgModule 簡介 Angular 應(yīng)用是模塊化的，而NgModule我們可以把它當(dāng)做一個容器，用于存放一些內(nèi)聚的代碼塊，它接...

asoren 2019-08-02 14:02 評論0 收藏0