总结一下angular2中的引用(reference)
注意这个引用是的input对象,我们如果想传递input的值,可以用usernameRef.value
,然后就可以把onClick()
方法改成onClick(usernameRef.value)
<div> <input #usernameRef type="text"> <button (click)="onClick(usernameRef.value)">Login</button> </div>
在Component内部的onClick方法也要随之改写成一个接受username的方法
onClick(username) {
console.log(username);
}
在文本输入框中键入“hello”,点击Login按钮,观察Console窗口:hello被输出了。