updated

Satyakrishnajasti · Satyakrishnajasti · commit 9d0a95eb0162 · 2021-04-09T15:20:41.000+05:30
diff --git a/src/app/Products.json b/src/app/Products.json
@@ -1,10 +1,10 @@
 {
   "products": [
     {
-      "userId": 1,
+      "userId": null,
       "id": 0,
-      "title": "sunt aut facere repellat provident occaecati excepturi optio reprehenderit",
-      "body": "quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet architecto"
+      "title": null,
+      "body": null
     },
     {
       "userId": 1,
@@ -112,7 +112,7 @@
       "userId": 1,
       "id": 20,
       "title": "Run",
-      "body": "Sample"
+      "body": "Sample1"
     }
   ]
 }
diff --git a/src/app/sub/sub.component.html b/src/app/sub/sub.component.html
@@ -8,6 +8,7 @@ <h1>local json-server http://localhost:5555/products</h1>
         <th>Title</th>
         <th>Body</th>
         <th>Edit</th>
+        <th>Update</th>
         <th>Delete</th>
       </tr>
     </thead>
@@ -20,6 +21,7 @@ <h1>local json-server http://localhost:5555/products</h1>
         <td>{{product.body}}</td>
         <td><button (click)="edit1(product,i)" class="btn"><abbr title="edit"><i
                 class="fas fa-edit"></i></abbr></button></td>
+        <td><button (click)="edit2()" class="btn"><i class="fas fa-pen"></i></button></td>
         <td><button (click)="delete(i)" class="btn"><abbr title="delete"><i
                 class="fas fa-trash-alt"></i></abbr></button></td>
       </tr>
@@ -77,7 +79,7 @@ <h1>Local Server Form</h1>
 
     <div class="d-grid gap-2">
       <button (click)="add()" [disabled]="form.invalid" type="button" class="btn btn-outline-success">Post</button>
-      <button (click)="edit2()" type="button" class="btn btn-outline-success">Edit</button>
+
     </div>
   </form>
 </div>
diff --git a/src/app/sub/sub.component.ts b/src/app/sub/sub.component.ts
@@ -31,14 +31,6 @@ export class SubComponent implements OnInit {
     body: new FormControl('', [Validators.required])
   });
 
-  refresh = (): any => {
-    this.form.setValue({
-      userId: null,
-      id: null,
-      title: null,
-      body: null
-    });
-  }
 
   add = (): any => {
     let temp = new Sample();
diff --git a/src/index.html b/src/index.html
@@ -14,6 +14,8 @@
   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.min.js" integrity="sha384-j0CNLUeiqtyaRmlzUHCPZ+Gy5fQu0dQ6eZ/xAww941Ai1SxSY+0EQqNXNE6DZiVc" crossorigin="anonymous"></script>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
   <script src='https://kit.fontawesome.com/a076d05399.js' crossorigin='anonymous'></script>
+  <script src="https://unpkg.com/ionicons@5.4.0/dist/ionicons.js"></script>
+
 
 </head>
 <body class="mat-typography">

Original file line number	Diff line number	Diff line change
`@@ -1,10 +1,10 @@`
`1`	`1`	`{`
`2`	`2`	`"products": [`
`3`	`3`	`{`
`4`		`- "userId": 1,`
	`4`	`+ "userId": null,`
`5`	`5`	`"id": 0,`
`6`		`- "title": "sunt aut facere repellat provident occaecati excepturi optio reprehenderit",`
`7`		`- "body": "quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet architecto"`
	`6`	`+ "title": null,`
	`7`	`+ "body": null`
`8`	`8`	`},`
`9`	`9`	`{`
`10`	`10`	`"userId": 1,`
`@@ -112,7 +112,7 @@`
`112`	`112`	`"userId": 1,`
`113`	`113`	`"id": 20,`
`114`	`114`	`"title": "Run",`
`115`		`- "body": "Sample"`
	`115`	`+ "body": "Sample1"`
`116`	`116`	`}`
`117`	`117`	`]`
`118`	`118`	`}`