在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML5/ Angular 事件觸發(fā)傳值問(wèn)題

Angular 事件觸發(fā)傳值問(wèn)題

我提的問(wèn)題是一個(gè)“中間人”模式傳遞數(shù)據(jù),即子組件A發(fā)射數(shù)據(jù),父組件接收數(shù)據(jù),再通過(guò)綁定將數(shù)據(jù)傳給子組件B。

app.compent主組件中的 (buy) = "buyHandler($event)" 綁定操作,需要子組件中的按鈕點(diǎn)擊事件來(lái)觸發(fā)嗎? 主組件、子組件中的 $event 參數(shù)是什么關(guān)系呢?

其中,子組件如果去掉參數(shù) $event ,也不會(huì)影響程序的正常運(yùn)行,而主組件中的 $event 參數(shù)是必須的。

子組件如下:
圖片描述

主組件如下:
圖片描述

回答
編輯回答
好難瘦

父子組件的event都不是必須的,看場(chǎng)景。

父組件的event參數(shù),是接收子組件傳過(guò)來(lái)的參數(shù),你子組件要是不發(fā)射(emit)參數(shù),那么父組件的這個(gè)event也不是必須的,這種情況也是常見(jiàn)的,就是父組件只需要知道子組件已經(jīng)觸發(fā)某種行為,但是不需要子組件去處理相應(yīng)的業(yè)務(wù)邏輯,交由父組件去處理就好了,這種子組件也就叫做所謂的傻瓜組件,就是單純做頁(yè)面渲染,不處理過(guò)多邏輯,但是復(fù)用性高,這和React當(dāng)中的木偶組件一個(gè)作用。

子組件的event參數(shù),是代表你點(diǎn)擊事件的event,就是普通DOM事件的event,沒(méi)什么好說(shuō)的。

注意,是$event,不是event,其實(shí)參數(shù)什么名字都可以,為什么加個(gè)$呢, 一般我們默認(rèn)$開(kāi)頭的變量就是流的意思,而emit就是NodeJS的流發(fā)射,所以你懂得,不要被這個(gè)event誤導(dǎo)了,父組件的此event非子組件的彼event呢。

2018年2月9日 12:44
編輯回答
笨尐豬

需要子組件綁定事件來(lái)觸發(fā)的 其中父組件的$event是子組件emit傳出的值 子組件的$event是點(diǎn)擊的事件
具體可以查閱對(duì)應(yīng)的@Output()文檔

2017年11月15日 18:32