- Déplacer le code du constructeur vers ngOnInit
- Dans
album.component.ts, faite un console.log de la variable album dans le constructeur
- Constatez que album affiche
undefined malgré le fait que l'on a un album dans l'input.
- Déplacez le contenu du constructeur dans
ngOnInit et supprimez ce dernier.
- Faites de même pour les composants
album-list.component.ts et album-of-the-day.component.ts.
- Vérifiez que tout fonctionne.
- Vous pouvez maintenant constater que votre IDE vous montre quelques erreurs :
- Voici un exemple avec IntelliJ IDEA :
- Nous devons indiquer à l'IDE que la variable albums sera initialisée dans la méthode ngOnInit.
- Pour cela, nous pouvons utiliser l'opérateur
! pour indiquer à l'IDE que la variable sera initialisée plus tard.