預設情況下，angular cli 命令ng generate service會通過給@injectable()裝飾器新增providedin: 'root'元資料的形式，用根注入器將你的服務註冊成為提供者。
import from '@angular/core';
@injectable()
export class heroservice
}當你在頂層提供該服務時，angular 就會為heroservice建立乙個單一的、共享的例項，並把它注入到任何想要它的類上。
在@injectable元資料中註冊該提供者，還能允許 angular 通過移除那些完全沒有用過的服務來進行優化。
缺點service比較靈活，可以存放資料，但是資料是公開出去的，難免會不輕易間就在元件中直接操作service中的資料了
實踐：
在元件樹的同乙個級別上，有時需要乙個服務的多個例項。
每個元件都需要該服務的單獨例項。 每個服務有自己的工作狀態，與其它元件的服務和狀態隔離。這叫做沙箱化，因為每個服務和元件例項都在自己的沙箱裡執行。
通過在自己的元資料(metadata)providers陣列裡面列出service, 這樣每個component就能擁有自己獨立的service例項了
@component()export class herocomponent implements oninit
ngoninit()
}
Angular 8 元件間資料共享
父子元件資料傳遞 例如 乙個下拉框的列表資料 options 來自父元件。子元件 import from angular core input options array 在子元件中，可以自由使用 options 物件。在 js 中通過 this.options 去訪問列表資料 在 html 中 直...
angular共享模組的使用,含共享元件的使用
這裡的共享模組的書寫形式是看了大漠大神的nicefish後弄出來的，熟悉了angular2後再去看大神的專案感覺不一樣了 現在來說明一下怎麼運用 ng g c testcommon 這裡下了angular cli按理說就能使用ng命令，但是如果angular cli版本低了的話會有警告最後可能出錯不...
Angular 資料繫結
基本介紹 angularjs可以實現資料的雙向繫結 1 檢視到模型的資料繫結，2 模型到資料的繫結 基本使用 1 ng model可以實現檢視到模型的資料傳輸 2 可以實現模型到檢視的資料傳輸 doctype html html lang en head meta charset utf 8 tit...