From ec12c5ac8572f92c14bf96f81f08d67954179b2e Mon Sep 17 00:00:00 2001
From: Nooran Shah <32373343+nooranshah@users.noreply.github.com>
Date: Sat, 6 Nov 2021 22:51:19 +0300
Subject: [PATCH] Update media-item-form.component.html

---
 src/app/media-item-form.component.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/app/media-item-form.component.html b/src/app/media-item-form.component.html
index c7aa18a77..ea198e358 100644
--- a/src/app/media-item-form.component.html
+++ b/src/app/media-item-form.component.html
@@ -1,22 +1,22 @@
 <header>
   <h2>Add Media to Watch</h2>
 </header>
-<form>
+<form #mediaItemForm="ngForm" (onSubmit)="onSubmit(mediaItemForm.value)"  >
   <ul>
     <li>
       <label for="medium">Medium</label>
-      <select name="medium" id="medium">
+      <select name="medium" id="medium" ngModel>
         <option value="Movies">Movies</option>
         <option value="Series">Series</option>
       </select>
     </li>
     <li>
       <label for="name">Name</label>
-      <input type="text" name="name" id="name">
+      <input type="text" name="name" id="name" ngModel>
     </li>
     <li>
       <label for="category">Category</label>
-      <select name="category" id="category">
+      <select name="category" id="category" ngModel>
         <option value="Action">Action</option>
         <option value="Science Fiction">Science Fiction</option>
         <option value="Comedy">Comedy</option>
@@ -27,8 +27,8 @@ <h2>Add Media to Watch</h2>
     </li>
     <li>
       <label for="year">Year</label>
-      <input type="text" name="year" id="year" maxlength="4">
+      <input type="text" name="year" id="year" maxlength="4" ngModel>
     </li>
   </ul>
   <button type="submit">Save</button>
-</form>
\ No newline at end of file
+</form>