溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

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

發布時間:2020-09-14 00:08:52 來源:腳本之家 閱讀:211 作者:小處成就大事 欄目:web開發

前言

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

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

第一步:定義子組件:

ChildenComponent.ts

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

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

第二步:定義父組件

ParentComponent.ts

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

ParentComponent.html

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

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

看看效果

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

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

總結

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

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女