add form validation

Author: majid noureddine

src/app/edit-appareil/edit-appareil.component.html

@@ -5,18 +5,18 @@
                 <label for="name">
                     Nom de l'appareil
                 </label>
-                <input type="text" id="name" class="form-control" name="name" ngModel>
+                <input type="text" id="name" class="form-control" name="name" ngModel required>
             </div>
             <div class="form-group">
                 <label for="status">
                     État de l'appareil
                 </label>
-                <select id="status" class="form-control" name="status" ngModel>
+                <select id="status" class="form-control" name="status" [ngModel]="defaultOnOff">
                     <option value="allumé">Allumé</option>
                     <option value="éteint">Éteint</option>
                 </select>
             </div>
-            <button class="btn btn-primary" type="submit">Enregistrer</button>
+            <button class="btn btn-primary" type="submit" [disabled]="f.invalid">Enregistrer</button>
         </form>
     </div>
 </div>

src/app/edit-appareil/edit-appareil.component.ts

@@ -8,6 +8,8 @@ import { NgForm } from '@angular/forms';
 })
 export class EditAppareilComponent implements OnInit {
 
+  defaultOnOff = 'éteint';
+
   constructor() { }
 
   ngOnInit(): void {