📚 Cheatsheet

@NgModule({
  declarations: [MonComposant, MonPipe],
  imports: [CommonModule, HttpClientModule],
  providers: [MonService],
  exports: [MonComposant]
})
export class MonModulePartage {}

@NgModule({
  providers: [MonServiceSpecifique]
})
export class ModuleSpecifique {}

{
  provide: ConfigService,
  useFactory: (authService) => new ConfigService(authService.isAdmin()),
  deps: [AuthService]
}

// Dans app-routing.module.ts
const routes: Routes = [{
  path: 'clients',
  loadChildren: () => import('./clients/clients.module').then(m => m.ClientsModule)
}];

// Dans app-routing.module.ts
RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules })

import { ChangeDetectionStrategy, Component } from '@angular/core';

@Component({
  selector: 'app-item-liste',
  changeDetection: ChangeDetectionStrategy.OnPush,
  template: '...'
})

<li *ngFor="let item of items; trackBy: trackById">{{ item.name }}</li>

// Dans le composant
trackById(index: number, item: any): number {
  return item.id;
}