單頁面應(yīng)用組件通信有以下幾種，這篇文章主要講 Angular 通信

專注于為中小企業(yè)提供網(wǎng)站設(shè)計制作、成都網(wǎng)站建設(shè)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)瀘縣免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了1000+企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

• 父組件 => 子組件
• 子組件 => 父組件
• 組件A = > 組件B

父組件 => 子組件	子組件 => 父組件	sibling => sibling
@input	@output
setters (本質(zhì)上還是@input)	注入父組件
ngOnChanges() (不推薦使用)
局部變量
@ViewChild()
service	service	service
Rxjs的Observalbe	Rxjs的Observalbe	Rxjs的Observalbe
localStorage,sessionStorage	localStorage,sessionStorage	localStorage,sessionStorage

上面圖表總結(jié)了能用到通信方案,期中最后3種,是通用的,angular的組件之間都可以使用這3種,其中Rxjs是最最牛逼的用法,甩redux,promise,這些同樣基于函數(shù)式的狀態(tài)管理幾條街,下面一一說來

父組件 => 子組件

@input,最常用的一種方式

@Component({
 selector: 'app-parent',
template: '
childText:
',
 styleUrls: ['./parent.component.css']
})
export class ParentComponent implements OnInit {
 varString: string;
 constructor() { }
 ngOnInit() {
  this.varString = '從父組件傳過來的' ;
 }
}

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)站名稱：angular組件通信的幾種實現(xiàn)方式-創(chuàng)新互聯(lián)
分享路徑：http://weahome.cn/article/dipced.html