Edit Course page design

The Edit Course page is the same as the Create Course page. The only difference is that we change the button name from “Add Course” to “Update Course Info.” This page will have a form that we’ll use to update the details of the already created courses for the course management application. We can begin the setup for the Edit Course page by following the steps below:

Step 1: Generate the edit-course component

We can do this using the Angular CLI by running the command below:

ng generate component components/edit-course Our folder structure should look like this: src > app > components > edit-course

Inside of the create-course folder, we have the following files generated by the Angular CLI:

  • edit-course.component.css
  • edit-course.component.html
  • edit-course.component.spec.ts
  • edit-course.component.ts

Get hands-on with 1200+ tech skills courses.