typescript myngclass-9.ts

Posted 2021-05-20

  ngDoCheck() {

    const changes = this.differ.diff(this.myNgClass);

    if (changes) {
      changes.forEachAddedItem((record: KeyValueChangeRecord<any, any>) => {
        if (record.currentValue === true) {
          this.renderer.addClass(this.host.nativeElement, record.key);
        }
      });

      changes.forEachChangedItem((record: KeyValueChangeRecord<any, any>) => {
        if (record.currentValue === true) {
          this.renderer.addClass(this.host.nativeElement, record.key);
        } else {
          this.renderer.removeClass(this.host.nativeElement, record.key);
        }
      });

      changes.forEachRemovedItem((record: KeyValueChangeRecord<any, any>) => {
        this.renderer.removeClass(this.host.nativeElement, record.key);
      });
    }

  }