Angular

Directives examples

<div *ngFor="let iteam of iteams" [ngStyle]='{color: item.length % 2 === 0 ? 'black' : 'white'}'>{{ item }}</div>

It is triggered only if @Input reference is changed, it is not triggered if content of input object is changed. Possible solution :

changeDetect = false;

this.changeDetect = !changeDetect;

add this wherever you want to trigger onchange function in child component and this variable into input of child component

in @NgModule

export const init_app = (bootstrapService: BootstrapService) => {
  return () => bootstrapService.initializeApp();
}

providers: [
  BootstrapService,
  {
    provide: APP_INITIALIZER,
    useFactory: init_app,
    deps: [BootstrapService],
    multi: true
  }
]

in BootstrapService

public async initializeApp(): Promise<void> {
  await this.init...;
}

cause: maybe another css class of the same element has already specified a `display' property

span[hidden] {
    display: none !important;
}