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

鍍金池/ 問(wèn)答/HTML5/ 關(guān)于Angular2模板引用變量的疑問(wèn)

關(guān)于Angular2模板引用變量的疑問(wèn)

<input #localInput>
<p>{{localInput.value}}</>

在Angular中，使用模板引用變量的使用問(wèn)題，p標(biāo)簽顯示input的value。
今天剛好學(xué)習(xí)到這里，但是在input中修改，p元素的值沒(méi)有發(fā)生變化。寫了一個(gè)click事件，p標(biāo)簽的值才改變，在組件中用setTimeout等異步事件有相同的效果。

<input #localInput>
<p>{{localInput.value}}</>
<button (click)="showValue(localInput.value)">打印input中的值</button>

請(qǐng)問(wèn)一下這個(gè)是什么原理？

原諒新手問(wèn)題多。。。

回答
編輯回答
裸橙

這個(gè)與Angular的更新機(jī)制有關(guān)系，只有做了異步事件，它才會(huì)更新綁定，下面就可以工作了。

<input #localInput (keyup)="0">
<p>{{localInput.value}}</p>
2018年7月10日 13:09