SetChecker

set-checker.ts

import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core';
import { BehaviorSubject } from 'rxjs';
import { ReRenderOnChange, SetChecker, WithObservable } from '@intelligo.ai/bonfire';


@ReRenderOnChange()
@Component({
  selector: 'app-test',
  styles: [
    `
    .container {
      margin: 1rem;
      color: white;
    }
  `
  ],
  changeDetection: ChangeDetectionStrategy.OnPush,
  template: `
  <div class="container">
    <button (click)="initRandomNumber()"><h1>Click Here To Start!</h1></button>
      <h3 *ngFor="let num of randomNumbers">
        {{num.newNumber}}
      </h3>
  </div>
`,
})
export class TestComponent implements OnInit {
  @SetChecker() randomNumbers = [];

  constructor(
    private cd: ChangeDetectorRef
  ) { }

  ngOnInit() {

  }


  initRandomNumber() {
    setTimeout(() => {
      this.randomNumbers = [...new Array(5)].map(e => ({ newNumber: 0 }));

      setTimeout(() => {
        this.randomNumbers[0].newNumber = 40;
      }, 2000);
    }, 2200);
  }

}