前言

本文主要介紹的是關于Angular 2父子組件之間數據傳遞之局部變量獲取子組件其他成員的相關內容，話不多說，來看看詳細介紹：

通過@Input和@Output可以實現數據之間的傳遞，但是無法獲取子組件的類屬性和類方法，接下來我們通過局部變量方式實現獲取子組件其他成員

第一步：定義子組件：

ChildenComponent.ts

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

第二步：定義父組件

ParentComponent.ts

ParentComponent.html

通過#號來標識一個變量, 這樣在父組件模板中創建了一個局部變量#chiden來獲取子組件的實例,調用子組件中的方法和屬性。上面例子中我們定義了#chiden之后，綁定點擊就可以調用子組件的方法了

看看效果

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

總結

以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對武林網的支持。