Une collection organisée de snippets de code pour accélérer votre développement. Parcourez, recherchez et copiez en un clic.
private utilisateurActuelSource = new BehaviorSubject<User | null>(null);
utilisateurActuel$ = this.utilisateurActuelSource.asObservable();
definirUtilisateur(user: User) {
this.utilisateurActuelSource.next(user);
}
const requete1 = this.http.get('/api/data1');
const requete2 = this.http.get('/api/data2');
forkJoin([requete1, requete2]).subscribe(resultats => {
const data1 = resultats[0];
const data2 = resultats[1];
});
this.http.get('...').pipe(
catchError(err => {
console.error('Erreur HTTP:', err);
return throwError(() => new Error('Oups !'));
})
).subscribe();
from([1, 2, 3, 4, 5]).pipe(
filter(num => num % 2 === 0)
).subscribe(num => console.log(num)); // 2, 4
this.http.get<any[]>('...').pipe(
map(users => users.map(user => user.name))
).subscribe(noms => console.log(noms));
this.rechercheInput.valueChanges.pipe(
debounceTime(300),
switchMap(terme => this.api.rechercher(terme))
).subscribe(resultats => ...);
interval(1000).pipe(
take(5) // Prend les 5 premières valeurs puis complète
).subscribe(x => console.log(x));
this.http.get('...').pipe(
tap(data => console.log('Données brutes:', data)),
map(data => data.results)
).subscribe();
this.donneesService.obtenirDonnees().subscribe({
next: donnees => console.log(donnees),
error: err => console.error(err),
complete: () => console.log('Observation terminée')
});
// Dans un service
private actionSource = new Subject<string>();
action$ = this.actionSource.asObservable();
notifierAction(action: string) {
this.actionSource.next(action);
}
import { Injectable } from '@angular/core';
@Injectable({
providedIn: 'root'
})
export class DonnesService {
constructor() { }
}
import { HttpParams } from '@angular/common/http';
rechercher(terme: string) {
const params = new HttpParams().set('q', terme);
return this.http.get('/api/search', { params });
}