|
|
|
|
@ -689,7 +689,7 @@ Open `/src/app/book/book.component.html` and make the following changes:
|
|
|
|
|
|
|
|
|
|
You can open your browser and click the **New book** button to see the new modal.
|
|
|
|
|
|
|
|
|
|

|
|
|
|
|

|
|
|
|
|
|
|
|
|
|
### Create a Reactive Form
|
|
|
|
|
|
|
|
|
|
@ -926,7 +926,7 @@ export class BookComponent implements OnInit {
|
|
|
|
|
|
|
|
|
|
Now, you can open your browser to see the changes:
|
|
|
|
|
|
|
|
|
|

|
|
|
|
|

|
|
|
|
|
|
|
|
|
|
## Updating a Book
|
|
|
|
|
|
|
|
|
|
@ -1054,7 +1054,7 @@ Open `/src/app/book/book.component.html` and add the following `ngx-datatable-
|
|
|
|
|
|
|
|
|
|
Added an "Actions" dropdown as the first column of the table that is shown below:
|
|
|
|
|
|
|
|
|
|

|
|
|
|
|

|
|
|
|
|
|
|
|
|
|
Also, change the `ng-template #abpHeader` section as shown below:
|
|
|
|
|
|
|
|
|
|
@ -1118,11 +1118,11 @@ Open `/src/app/book/book.component.html` and modify the `ngbDropdownMenu` to add
|
|
|
|
|
|
|
|
|
|
The final actions dropdown UI looks like below:
|
|
|
|
|
|
|
|
|
|

|
|
|
|
|

|
|
|
|
|
|
|
|
|
|
Clicking the "Delete" action calls the `delete` method which then shows a confirmation popup as shown below:
|
|
|
|
|
|
|
|
|
|

|
|
|
|
|

|
|
|
|
|
|
|
|
|
|
{{end}}
|
|
|
|
|
|
|
|
|
|
|