Angular之入門

一、基礎知識

• HTML
• CSS
• TypeScript
• 面向對象思維

二、應用組成

• 模塊構成應用的運行環境
• 組件（Components）樹組成應用視圖
• 路由實現視圖之間的切換

三、組件數據交換

• 數據輸入:@Input裝飾器
• 數據輸出：@Output裝飾器

四、數據共享
通過創建數據共享類實現數據共享，根據需要可以分別創建組件、模塊、應用等作用域下的共享數據。

//應用級共享數據
@Injectable({ providedIn: 'root' })
export class DataSharedService { 
	public sharedData:any;
	constructor() { }
	
	public set sharedData(data:any) {
		this.sharedData = data;
	}
	
	public get sharedData() {
		return this.sharedData;
	}
}

然後在要使用的各組件中引入共享數據服務即可進行數據共享了。