📚 Cheatsheet

Une collection organisée de snippets de code pour accélérer votre développement. Parcourez, recherchez et copiez en un clic.

Snippets 18

Retour
Service - Intercepteur HTTP
Avancé
@Injectable()
export class AuthInterceptor implements HttpInterceptor {
  intercept(req: HttpRequest<any>, next: HttpHandler) {
    const authToken = '...';
    const authReq = req.clone({ setHeaders: { Authorization: `Bearer ${authToken}` } });
    return next.handle(authReq);
  }
}
Service - Requête HTTP DELETE
Intermédiaire
supprimerUtilisateur(id: number): Observable<any> {
  return this.http.delete(`https://api.example.com/users/${id}`);
}
Service - Requête HTTP GET
Intermédiaire
import { HttpClient } from '@angular/common/http';

constructor(private http: HttpClient) { }

obtenirDonnees() {
  return this.http.get<any[]>('https://api.example.com/data');
}
Service - Requête HTTP POST
Intermédiaire
creerUtilisateur(user: any): Observable<any> {
  return this.http.post('https://api.example.com/users', user);
}
Service - Requête HTTP PUT
Intermédiaire
mettreAJourUtilisateur(id: number, user: any): Observable<any> {
  return this.http.put(`https://api.example.com/users/${id}`, user);
}
Template - Pipe async
Intermédiaire
utilisateurs$ = this.http.get<any[]>('...');

// Dans le template
<div *ngIf="utilisateurs$ | async as utilisateurs">
  <ul><li *ngFor="let u of utilisateurs">{{ u.name }}</li></ul>
</div>