angular2內置指令

liaorio 發布于2019-08-19 18:13 / 594人閱讀

摘要：摘自當判斷條件過于復雜時用它，可選。可重復匹配為設置屬性方法一方法二方法三可動態賦值方法一為類名，為布爾值，表示該類是否啟用方法二動態賦值還有一些方法用時再看數組。變量索引不編譯，渲染純字符串

摘自ng2-book

1.NgIf

2.NgSwitch

當ngIf判斷條件過于復雜時用它！
ngSwitchDefault，可選。
ngSwitchWhen可重復匹配


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

3.NgStyle

為DOM設置css屬性

//方法一

    Uses fixed yellow background

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

//方法三：可動態賦值


{{ colorinput.value }} text 

    {{ colorinput.value }} background

4.NgClass

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

//方法二：動態賦值

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

還有一些方法用時再看

5.NgFor

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

//cities:數組。c:變量.index:索引

6.NgNonBindable

不編譯，渲染純字符串


    <- This is what {{ content }} rendered

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/79343.html

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

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

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

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

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

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

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

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

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

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

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