国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

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

2019-11-19 16:10:55
字體:
來源:轉載
供稿:網友

前言

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

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

第一步:定義子組件:

ChildenComponent.ts


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

第二步:定義父組件

ParentComponent.ts


ParentComponent.html


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

看看效果

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


總結

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 资中县| 江源县| 新兴县| 景德镇市| 区。| 盈江县| 五莲县| 陇西县| 重庆市| 北票市| 凤庆县| 渝北区| 苍溪县| 九寨沟县| 诏安县| 互助| 宝兴县| 海南省| 武安市| 景谷| 石景山区| 崇阳县| 若羌县| 都昌县| 肇州县| 永德县| 剑川县| 武邑县| 湖州市| 宣恩县| 蒙自县| 古蔺县| 麻城市| 常德市| 瑞金市| 来凤县| 洛宁县| 临颍县| 文昌市| 惠州市| 兴安县|