Angular中 # 的使用方法

一.首先我们在 html中写一个input

然后把定义的名字 传入方法中,然后 就可以在方法里面,获取到input的事件了

<input type="text" #aaa />

<button (click)="setName(aaa)">我要改名</button>

  setName(aaa: HTMLInputElement) {
    //做一些操作 比如获取值  
    //aaa.value
    //聚焦  aaa.focus() 等等input的事件。。。
    console.log(aaa);
  }

然后我们把 aaa 打印出来, 拿到input的dom 元素,然后可以进行一系列的操作

// 当然 我们还可以结合 ngForm 来一起使用

      <form (ngSubmit)="onSubmit(submitForm)" #submitForm="ngForm">

       // ....
      </form>

这个在 ts 中 就可以获取到,表单validata的状态,判断是否可以 提交表单

onSubmit(status: NgForm) {
   // 做一些你想要的操作
   console.log(status);
  }

如果 有什么问题 欢迎评论指出,谢谢