自從採用元件化的react大火之後，目前市面上炙手可熱的框架全都採用了元件化的理念，angular當然也不能落後了。可以說，元件化是angular的核心理念。按angular在中國的布道者大漠窮秋的話來說，就是：
angular的核心概念是元件，模組化機制ngmodule是為元件化服務的，實際上所有其它機制都是圍繞元件化而來的。只有從元件化這個角度才能把握angular的精神核心。元件通常都是由模版和業務邏輯組成，看一下如何用angular寫乙個很簡單的元件：
// hello.component.ts
import from '@angular/core';
@component(}
', styles: [`p `]
})export class hellocomponent
}// 使用
// 渲染結果
hello, angular2!
hellocomponent的時候，加上裝飾器@component（typescript語法），告訴angular這個類是元件類。裡面的資料稱之為元資料（metadata），selector屬性說明了該元件對外的使用標記，template就是元件的模版，styles是元件的樣式。而hellocomponent中定義的就是該元件的業務邏輯了。
如果模版內容太多，可以單獨寫在乙個html檔案中，用templateurl屬性引入；同理，樣式檔案用styleurls引入。
正如其他框架的元件，angular的元件也是有生命週期這個概念。在不同的階段不同的場景下，可以呼叫不同的生命週期函式鉤子（hook）。
ngondestroy：元件登出時的清理工作，通常用於移除事件監聽，退訂可觀察物件等
angular4 x學習筆記 模組
angular很重要的概念之一仍然是模組。angular整個框架就是由很多個模組組成的，而不同的模組需要從不同的地方匯入。開啟package.json檔案，可以看到依賴的angular包可能是這樣的 來簡單看下這些angular包中包含了哪些常用的模組 至少目前為止，我覺得常用的 以上模組都是ang...
Angular4 x跨域請求
新建乙個工程angulardemo03 ng new angulardemo03 npm install 更新依賴 ng g component components news 目錄結構如下 3.新增請求相關的model 4.編寫 news.component.html 編寫乙個按鈕用來傳送請求 h...
Angular8 X 元件理解
元件封裝的意義 需要重用或者簡化邏輯。命令列建立指令 ng generate g component c components componentname.ps 可以手動加入index.ts進一步方便匯入元件，以及隔離內部變化對外部的影響。目錄結構如下 components index.ts ind...