如何使用类选择器指令检测DOM更改

Question

创建一个指令，将某些功能应用于具有＆＃34; active＆＃34;的所有元素。类。 但是，如果在运行时它添加了＆＃34; active＆＃34;对于现有DOM元素的类，指令的功能未应用于它。

import { Directive, Renderer2, ElementRef, OnInit, HostListener } from '@angular/core';

@Directive({
  // tslint:disable-next-line:directive-selector
  selector: '.active'
})
export class RemoveActivesDirective implements OnInit {
  el: any;

  constructor(private element: ElementRef, private renderer: Renderer2) {
    this.el = element.nativeElement;
  }

  ngOnInit(): void {
  }

  @HostListener('click', ['$event']) removeActives() {
    console.log('Eliminando elemento', event);
    this.renderer.selectRootElement(this.el).remove();
  }


}

如何告诉董事会html中有变化？ 如何使指令适用于在运行时获取类的元素？

由于