Как получить данные из поля ввода внутри функции 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>

и вместо кода jquery вы можете использовать мощность Observables:

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