Angular5 вызывает функцию, когда HTML создает кнопку

Question

Можно ли вызвать функцию при создании кнопки. Так что я проверяю в функции, должна ли кнопка быть отключена или нет

Спасибо большое!

Answer 1

Вы можете использовать @ViewChild() и проверить значение, чтобы увидеть, существует ли кнопка.

Что-то вроде:

В шаблоне:

<input type='button' #button />

В компоненте:

@ViewChild('button') someButton;

В функции:

if (this.someButton){
 // do something with someButton
 // You might want to do this.someButton.nativeElement and convert to HTMLelement to get the element as button
}

Answer 2

Вы можете создать директиву, чтобы определить, создал ли элемент snd, и запустить функцию на основе этого

import { Directive , Output ,EventEmitter } from '@angular/core';

@Directive({
  selector: '[created]'
})
export class CreatedDirective {

     @Output() created:EventEmitter<any> = new EventEmitter();

   ngAfterViewInit() {
     this.created.emit()
   }

}

Демо ?

Другой метод с использованием ViewChildren или ViewChild проверьте мой ответ здесь