Angular2組件開發—為模板應用樣式（一）
styles - 設置模板樣式 組件既然處於UI層，就應當好看些，好看是構造良好用戶體驗的一部分。Angular2的 組件模板基於HTML，那么顯然，我們需要通過樣式表/CSS來調整組件的外觀。 和模板類似，我們有兩種方法為組件設置CSS樣式： 1. 內聯樣式 可以使用組件View注解 ...
原文：Angular2組件開發—模板語法（一）
最簡單的模板 組件的View注解用來聲明組件的外觀，它最重要的屬性就是template 模板。 Angular 的模板是兼容HTML語法的，這意味着你可以使用任何標准的HTML標簽編寫 組件模板。 所以，在最簡單的情況下，一個Angular 組件的模板由標准的HTML元素構成，看起來就是 一段HTML碼流。Angular 將原封不同地渲染這段模板： 有兩種方法為組件指定渲染模板： . 內聯模板 可 ...
2015-12-10 17:12 0 1921 推薦指數：
相關推薦
Angular2組件開發—模板的邏輯控制（二）
使用分支邏輯 如果組件的模板需要根據某個表達式的不同取值展示不同的片段，可以使用NgSwitch系列指令來動態切分模板。比如右邊示例中的廣告組件EzPromotion，需要根據來訪者性別的不同推送不同的廣告： NgSwitch包含一組指令，用來構造包含多分支的模板： NgSwitch ...
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組件開發—調用服務（三）
注入一個復雜的服務 EzAlgo相當簡單，使用new或者使用Injector來獲得一個實例看起來差別不大。那如果我們的EzApp組件要使用Http服務呢？ 第一眼看上去，Http服務顯然是一個真正有用的服務 - 因為看起來相當的復雜 - Http依賴於XHRBackend ...
angular2的模板語法
Angular 應用管理着用戶之所見和所為，並通過 Component 類的實例（組件）和面向用戶的模板來與用戶交互。 從使用模型-視圖-控制器 (MVC) 或模型-視圖-視圖模型 (MVVM) 的經驗中，很多開發人員都熟悉了組件和模板這兩個概念。 在 Angular 中，組件扮演着控制器或視圖 ...