javascript - 如何从 Angular 中的 Jquery 函数内的输入字段获取数据？

Question

我想在每次添加/更改/删除字母时获取输入字段值 所以我使用 jquery 来触发它。 但我不知道如何保存这个值。

在 html 中:

 <form [formGroup]="searchForm">
    <input id='myTextbox1' type='text'/>
  </form>

在 ts 文件中:

searchString:string;
searchForm: FormGroup;
  ngOnInit(){

    this.searchForm =  new FormGroup({
      'str':new FormControl(null)
    })
    /
  

    $('#myTextbox1').on('input', function() {
    // i tried this:
      this.searchString = this.searchFrom.controls['str'].value
  });

    
  }

但未从表单中读取控件。

我只想将输入字段的值保存在搜索字符串变量中，并在每次更改时更改它。 请帮助我。

Answer 1

您可以按如下方式更新代码，而不是使用 jquery:

 <form [formGroup]="searchForm">
    <input id='myTextbox1' type='text' formControlName="str"/>
  </form>

您可以使用 Observables 的强大功能来代替 jquery 代码:

 this.searchForm.str.valueChanges.subscribe((value) => {
     this.searchString = value;
 });