关于anglar2中比较溜的操作

总结一下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被输出了。

 

posted @ 2018-08-07 10:35  远菇凉  阅读(162)  评论(0编辑  收藏  举报