Angular2組件開發—模板語法（一）
最簡單的模板 組件的View注解用來聲明組件的外觀，它最重要的屬性就是template - 模板。 Angular2的模板是兼容HTML語法的，這意味着你可以使用任何標准的HTML標簽編寫 組件模板。 所以，在最簡單的情況下，一個Angular2組件的模板由標准的HTML元素構成，看起來就 ...
原文：Angular2組件開發—模板的邏輯控制（二）
使用分支邏輯 如果組件的模板需要根據某個表達式的不同取值展示不同的片段，可以使用NgSwitch系列指令來動態切分模板。比如右邊示例中的廣告組件EzPromotion，需要根據來訪者性別的不同推送不同的廣告： NgSwitch包含一組指令，用來構造包含多分支的模板： NgSwitch NgSwitch指令可以應用在任何HTML元素上，它評估元素的ngSwitch屬性值，並根據這個值 決定應用哪些t ...
2015-12-14 20:36 0 1791 推薦指數：
相關推薦
Angular2組件開發—為模板應用樣式（一）
styles - 設置模板樣式 組件既然處於UI層，就應當好看些，好看是構造良好用戶體驗的一部分。Angular2的 組件模板基於HTML，那么顯然，我們需要通過樣式表/CSS來調整組件的外觀。 和模板類似，我們有兩種方法為組件設置CSS樣式： 1. 內聯樣式 可以使用組件View注解 ...
Angular2組件開發—調用服務（三）
注入一個復雜的服務 EzAlgo相當簡單，使用new或者使用Injector來獲得一個實例看起來差別不大。那如果我們的EzApp組件要使用Http服務呢？ 第一眼看上去，Http服務顯然是一個真正有用的服務 - 因為看起來相當的復雜 - Http依賴於XHRBackend ...
Angular2組件開發—屬性與事件（一）
屬性聲明 - 暴露成員變量 屬性是組件暴露給外部世界的調用接口，調用者通過設置不同的屬性值來定制 組件的行為與外觀： 在Angular2中為組件增加屬性接口非常簡單，只需要在Component注解的properties屬性中聲明組件的成員變量就可以了： 上面的代碼將組件 ...
Angular2組件開發—屬性與事件（二）
事件聲明 - 暴露事件源 與屬性相反，事件從組件的內部流出，用來通知外部世界發生了一些事情： 在Angular2中為組件增加事件接口也非常簡單：定義一個事件源/EventEmitter， 然后通過Component注解的events接口包括出來： 上面的代碼將組件 ...
Angular2組件開發—表單輸入（一）
NgForm - 表單指令 NgForm指令為表單元素/form建立一個控件組對象，作為控件的容器； 而NgControlName指令為則為宿主input元素建立一個控件對象，並將該控件加入到NgForm指令建立的控件組中： 局部變量 通過使用#符號，我們創建了一個引用控件組對象（注意 ...
Angular2組件開發—調用服務（一）
服務 - 封裝可復用代碼 在Angular2中，服務用來封裝可復用的功能性代碼。比如Http服務，封裝了ajax請求的細節，在不同的組件中，我們只需要調用Http服務的API接口就可以給組件增加ajax請求的功能了： Angular2中實現一個服務非常簡單直接 ： 定義一個類，然后，它就 ...
詳解angular2組件中的變化檢測機制（對比angular1的臟檢測）
組件和變化檢測器 如你所知，Angular 2 應用程序是一顆組件樹，而每個組件都有自己的變化檢測器，這意味着應用程序也是一顆變化檢測器樹。順便說一句，你可能會想。是由誰來生成變化檢測器？這是個好問題，它們是由代碼生成。 Angular 2 編譯器為每個組件自動創建變化檢測器，而且最終 ...