Angular 2父子組件數據傳遞之局部變量獲取子組件其他成員
更新時間：2017年07月04日 10:46:40 作者：小處成就大事
這篇文章主要給大家介紹了關于Angular 2父子組件之間數據傳遞之局部變量獲取子組件其他成員的相關資料，文中通過示例代碼介紹的非常詳細，對大家具有一定的參考學習價值，需要的朋友們下面來一起看看吧。
前言
本文主要介紹的是關于Angular 2父子組件之間數據傳遞之局部變量獲取子組件其他成員的相關內容，話不多說，來看看詳細介紹：
通過@Input和@Output可以實現(xiàn)數據之間的傳遞，但是無法獲取子組件的類屬性和類方法，接下來我們通過局部變量方式實現(xiàn)獲取子組件其他成員
第一步：定義子組件：
ChildenComponent.ts
(1).子組件中之定義了一個fun1()方法，提供給父組件調用
第二步：定義父組件
ParentComponent.ts
ParentComponent.html
通過#號來標識一個變量, 這樣在父組件模板中創(chuàng)建了一個局部變量#chiden來獲取子組件的實例,調用子組件中的方法和屬性。上面例子中我們定義了#chiden之后，綁定點擊就可以調用子組件的方法了
看看效果
點擊按鈕，彈出子組件方法的alert('子組件方法');
總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。
相關文章
這篇文章主要介紹了淺談AngularJS中使用$resource（已更新）的相關資料,需要的朋友可以參考下2017-09-09
利用Angularjs和原生JS分別實現(xiàn)動態(tài)效果的輸入框
現(xiàn)在的很多網站都將輸入框做成了動態(tài)的效果，這樣對于用戶體檢來說非常好，這篇文章分別用Angularjs和原生JS兩種方法來實現(xiàn)動態(tài)效果的輸入框，具有一定的參考價值，有需要的小伙伴們可以來參考借鑒。2016-09-09
使用Angular Cli如何創(chuàng)建Angular私有庫詳解
這篇文章主要給大家介紹了關于使用Angular Cli如何創(chuàng)建Angular私有庫的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-01-01
詳解Angular2表單-模板驅動的表單(Template-Driven Forms)
本篇文章主要介紹了詳解Angular2表單-模板驅動的表單(Template-Driven Forms)，具有一定的參考價值，有興趣的可以了解一下2017-08-08
下面小編就為大家?guī)硪黄猘ngularJs指令的Scope(作用域)介紹。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
Angular?服務器端渲染錯誤消息localStorage?is?not?defined解決分析
這篇文章主要為大家介紹了Angular?服務器端渲染錯誤消息localStorage?is?not?defined解決分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-07-07
本篇文章主要介紹了AngularJS實現(xiàn)頁面定時刷新，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03
Angular6項目打包優(yōu)化的實現(xiàn)方法
這篇文章主要給大家介紹了關于Angular6項目打包優(yōu)化的相關資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用Angular6具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-12-12
本篇文章主要給大家分享了Angular結合zTree異步加載節(jié)點數據的難點以及方法，有這方面需求的朋友參考下吧。2018-01-01
理解Angular的providers給Http添加默認headers
本篇文章主要介紹了理解Angular的providers給Http添加默認headers，具有一定的參考價值，有興趣的同學可以了解一下2017-07-07