Angular Cheatsheet

Bases & syntaxe

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'mon-app';
}

Crée un composant Angular

Structures de données

let users: string[] = ['Alice', 'Bob', 'Charlie'];
users.push('David');

Déclaration et utilisation d'un tableau

Fonctions & méthodes essentielles

function greet(name: string): string {
  return `Hello, ${name}!`;
}
console.log(greet('Alice'));

Définition et appel d'une fonction

Patterns courants

@Component({
  selector: 'app-user-list',
  template: `<ul><li *ngFor="let user of users">user</li></ul>`
})
export class UserListComponent {
  users = ['Alice', 'Bob', 'Charlie'];
}

Utilisation du Structural Directive *ngFor

Opérations avancées

const nums = [1, 2, 3, 4];
const sum = nums.reduce((acc, num) => acc + num, 0);
console.log(sum); // Output: 10

Utilisation de reduce pour une opération d'agrégation

Debugging & outils

ng serve --live-reload=true

Lance le serveur avec le redémarrage automatique