FromEvent in Angular

Question

Я новичок в Angular и пытаюсь сгенерировать fromevent из кнопки и просто хочу захватить событие.Я не могу использовать fromevent.Не могли бы вы помочь и предложить, как использовать fromevent с наблюдаемыми.

import { Component } from '@angular/core';
import { FormControl } from '@angular/forms';
import { Observable,of } from 'rxjs'
import { fromEvent } from 'rxjs';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  NameCtrl:FormControl;
  button1=document.getElementById("btnClick");
  
  constructor(){
    this.NameCtrl=new FormControl();
    this.NameCtrl.valueChanges.subscribe(value=>this.callMe(value))
       
  }

 
  callMe(str){
    console.log(str)
  }
  
}

Answer 1

Если вы используете angular и используете нативные HTML-селекторы, у вас должна быть очень конкретная неясная причина для этого.Я использовал это пару раз, но это последнее средство.

Итак, как предлагается, используйте привязку события (click) в своем шаблоне.В частности,

<button (click)="callMe()">

Кроме того, пока мы на нем, зарезервируйте регистр капитала для классов, а не для переменных класса.NameCtrl должно быть nameCtrl.