From the course: Angular: Creating and Hosting a Full-Stack Site
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Create a My Listings page
From the course: Angular: Creating and Hosting a Full-Stack Site
Create a My Listings page
- Okay, so far we've made it through the whole listings page flow. We have the listings page itself along with the listing detail page and the contact seller page. So now what we're going to do is we're going to move over to the other side of things. We're going to create the pages that will allow users to view, create, and edit their own listings on the site. The first of these pages we're going to implement is the My Listings page, so let's go back to our IDE and open those files. We're going to open the typescript file and the HTML file. So this page will just display a list of the listings that a user has created. And as with the rest of our data on the front end so far, later on in the course we'll be loading a user's listings from the back end, but for now, we're going to import them from our fake data file. So inside our typescript file, let's say import fakeMyListings from fake-data, and then we'll import…
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
-
-
-
-
-
-
-