99热在线精品一区二区三区_国产伦精品一区二区三区女破破_亚洲一区二区三区无码_精品国产欧美日韩另类一区

1. 組件通信

在永登等地區(qū)，都構建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產品創(chuàng)新能力，以專注、極致的服務理念，為客戶提供成都網站設計、成都網站制作 網站設計制作按需定制,公司網站建設,企業(yè)網站建設,高端網站設計,成都營銷網站建設,外貿網站建設,永登網站建設費用合理。

我們知道Angular2應用程序實際上是有很多父子組價組成的組件樹，因此，了解組件之間如何通信，特別是父子組件之間，對編寫Angular2應用程序具有十分重要的意義，通常來講，組件之間的交互方式主要有如下幾種：

1. 使用輸入型綁定，把數(shù)據(jù)從父組件傳到子組件
2. 通過 setter 攔截輸入屬性值的變化
3. 使用 ngOnChanges 攔截輸入屬性值的變化
4. 父組件監(jiān)聽子組件的事件
5. 父組件與子組件通過本地變量互動
6. 父組件調用 ViewChild
7. 父組件和子組件通過服務來通訊

本文會通過講解著幾種方式來對組件之間的通信做一個大致的介紹。

2. 輸入型綁定

輸入型綁定指的是利用模板語法中的屬性型綁定方式，將父組件的數(shù)據(jù)傳遞到子組件對應的對象中，子組件中的對象一般使用@Input裝飾器來修飾，作為數(shù)據(jù)的接受者，例如

@Component({

selector: 'child',

template: 'I am fron {{input}}'

})

export class ChildComponent implements OnInit {

@Input()

input;

constructor() { }

ngOnInit() { }

}

@Component({

selector: 'parent',

template: ''

})

export class ParentComponent implements OnInit {

data: string;

constructor() { }

ngOnInit() {

this.data = "parent";

}

}

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

標題名稱：Angular2組件通信的實例代碼-創(chuàng)新互聯(lián)
當前地址：http://www.ef60e0e.cn/article/dhoogs.html