ocr : Propriétés personnalisées, i had an error TS2564 so i used !

Author: Sam-Tek

src/app/app.component.html

@@ -3,9 +3,9 @@
     <div class="col-xs-12">
       <h2>Mes appareil</h2>
       <ul class="list-group">
-        <app-appareil></app-appareil>
-        <app-appareil></app-appareil>
-        <app-appareil></app-appareil>
+        <app-appareil [appareilName]="appareilOne" [appareilStatus]="'éteint'"></app-appareil>
+        <app-appareil [appareilName]="appareilTwo" [appareilStatus]="'allumé'"></app-appareil>
+        <app-appareil [appareilName]="appareilThree" [appareilStatus]="'éteint'"></app-appareil>
       </ul>
       <button class="btn btn-success"
               [disabled]="!isAuth"

src/app/app.component.ts

@@ -8,6 +8,10 @@ import { Component } from '@angular/core';
 export class AppComponent {
   isAuth = false;
 
+  appareilOne = 'Machine à laver';
+  appareilTwo = 'Frigo';
+  appareilThree = 'Ordinateur';
+
   constructor() {
     setTimeout(
       () => {

src/app/appareil/appareil.component.ts

@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, Input,OnInit } from '@angular/core';
 
 @Component({
   selector: 'app-appareil',
@@ -7,8 +7,8 @@ import { Component, OnInit } from '@angular/core';
 })
 export class AppareilComponent implements OnInit {
 
-  appareilName: string = 'Machine à laver';
-  appareilStatus: string = 'éteint';
+  @Input() appareilName!: string;
+  @Input() appareilStatus!: string;
   constructor() { }
 
   ngOnInit(): void {