欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Angular 2父子組件數(shù)據(jù)傳遞之局部變量獲取子組件其他成員

 更新時(shí)間：2017年07月04日 10:46:40   作者：小處成就大事  
這篇文章主要給大家介紹了關(guān)于Angular 2父子組件之間數(shù)據(jù)傳遞之局部變量獲取子組件其他成員的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起看看吧。

前言

本文主要介紹的是關(guān)于Angular 2父子組件之間數(shù)據(jù)傳遞之局部變量獲取子組件其他成員的相關(guān)內(nèi)容，話不多說(shuō)，來(lái)看看詳細(xì)介紹：

通過(guò)@Input和@Output可以實(shí)現(xiàn)數(shù)據(jù)之間的傳遞，但是無(wú)法獲取子組件的類屬性和類方法，接下來(lái)我們通過(guò)局部變量方式實(shí)現(xiàn)獲取子組件其他成員

第一步：定義子組件：

ChildenComponent.ts


(1).子組件中之定義了一個(gè)fun1()方法，提供給父組件調(diào)用

第二步：定義父組件

ParentComponent.ts


ParentComponent.html


通過(guò)#號(hào)來(lái)標(biāo)識(shí)一個(gè)變量, 這樣在父組件模板中創(chuàng)建了一個(gè)局部變量#chiden來(lái)獲取子組件的實(shí)例,調(diào)用子組件中的方法和屬性。上面例子中我們定義了#chiden之后，綁定點(diǎn)擊就可以調(diào)用子組件的方法了

看看效果

點(diǎn)擊按鈕，彈出子組件方法的alert('子組件方法');


總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，如果有疑問(wèn)大家可以留言交流，謝謝大家對(duì)腳本之家的支持。

相關(guān)文章

最新評(píng)論