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.

Implement the Listings page

Implement the Listings page

From the course: Angular: Creating and Hosting a Full-Stack Site

Start my 1-month free trial

Implement the Listings page

“

- [Instructor] Now that we've got all of that setup out of the way, let's start implementing our listings page component. Remember that this page is going to display a list, showing all the available listings on our site. Now in reality, our site might have thousands of listings, and in this case, we definitely want to paginate our results, but in this course, we're going to ignore that and just display all our listings on a single page. So here's what implementing our listings page is going to look like. It's going to involve making changes to two files here, our listings page TypeScript file, and our listings page HTML file. So let's open both of those files up. Now there's really only one main thing we'll want to do inside the TypeScript file for now, and that's defined a listings array to contain the listings that we want to display. So up at the top of our component, let's define this variable. We're going to say…

Contents