💪 Exercice : créer un Compteur
Dans cet exercice, on voudrait avoir un composant prédictible et réutilisable qui permette de créer un compteur qu'on puisse incrémenter ou décrémenter. Ce composant doit pouvoir s'utiliser comme ceci :
<counter [intital-value]="5" [step]="5"></counter>
- Il doit afficher la valeur du compteur et deux boutons qui permettent d'incrémenter / de décrémenter.
- Si une valeur initiale est donnée, le compteur commence à cette valeur, sinon à 0
- Si un step est donné, le compteur s'incrémente / se décrémente de cette valeur, sinon de 1
📖 Documentation officielle sur le décorateur @Input : https://angular.io/api/core/Input
📖 Documentation officielle sur les cycles de vie des Directives et Composants : https://angular.io/guide/lifecycle-hooks
📖 Documentation officielle à propos des Composants : https://angular.io/guide/component-overview
📖 Documentation officielle sur l'Interpolation dans les templates HTML : https://angular.io/guide/interpolation
📖 Documentation officielle sur les Pipes dans les templates HTML : https://angular.io/guide/pipes-overview
📖 Documentation officielle sur le property binding dans les templates HTML : https://angular.io/guide/property-binding
📖 Documentation officielle à propos du style dans les composants : https://angular.io/guide/component-styles#component-styles
📖 Documentation officielle sur le class binding : https://angular.io/guide/class-binding
📖 Documentation officielle sur l'Event Binding : https://angular.io/guide/event-binding
📖 Documentation officielle sur l'Event Filtering des frappes au clavier : https://angular.io/guide/event-binding#binding-to-keyboard-events
📖 Documentation officielle sur NgZone et la détection de changement : https://angular.io/guide/zone#ngzone
📖 Documentation officielle sur les cycles de vie des Directives et Composants : https://angular.io/guide/lifecycle-hooks
📖 Documentation officielle à propos des Composants : https://angular.io/guide/component-overview
📖 Documentation officielle sur l'Interpolation dans les templates HTML : https://angular.io/guide/interpolation
📖 Documentation officielle sur les Pipes dans les templates HTML : https://angular.io/guide/pipes-overview
📖 Documentation officielle sur le property binding dans les templates HTML : https://angular.io/guide/property-binding
📖 Documentation officielle à propos du style dans les composants : https://angular.io/guide/component-styles#component-styles
📖 Documentation officielle sur le class binding : https://angular.io/guide/class-binding
📖 Documentation officielle sur l'Event Binding : https://angular.io/guide/event-binding
📖 Documentation officielle sur l'Event Filtering des frappes au clavier : https://angular.io/guide/event-binding#binding-to-keyboard-events
📖 Documentation officielle sur NgZone et la détection de changement : https://angular.io/guide/zone#ngzone