From the course: Angular: Creating and Hosting a Full-Stack Site
Unlock the full course today
Join today to access over 24,800 courses taught by industry experts.
Create a Listing Data form
From the course: Angular: Creating and Hosting a Full-Stack Site
Create a Listing Data form
- [Instructor] The next thing we're going to do is move on to implementing the edit listing page. Now, the edit listing page component will look very similar to the new listing page. In fact, it'll look so similar to this page, that it would really be a shame to waste so much code, implementing basically the same exact component. So, what we're going to do instead, is create an entirely separate component for the form that both of these pages will have in common. And then simply reuse this form on both pages, instead of duplicating the logic in HTML. So, what we're going to do here first, is open up a new terminal and we're going to generate a new component called listing data form, by saying NG generate component, listing data form, and hit enter. And now that we've created that component, the first thing we're going to do is see how to actually display it on our edit listing page. So let's open up our edit listing…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
Why Angular?3m 5s
-
(Locked)
Set up an Angular project2m 4s
-
(Locked)
Angular project structure3m 47s
-
(Locked)
Create your first Angular component2m 55s
-
(Locked)
Routes and routing in Angular9m 45s
-
(Locked)
Add fake data3m 3s
-
(Locked)
Implement the Listings page5m 13s
-
(Locked)
Create a Listing Detail page5m 33s
-
(Locked)
Create a Contact Seller page9m 5s
-
(Locked)
Create a My Listings page4m 27s
-
(Locked)
Create a New Listings page5m 47s
-
(Locked)
Create a Listing Data form3m 57s
-
(Locked)
Create an Edit Listing page11m 14s
-
(Locked)
Create a navigation bar3m 1s
-
-
-
-
-
-
-