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

Unlock the full course today

Join today to access over 22,500 courses taught by industry experts or purchase this course individually.

Create a New Listings page

Create a New Listings page

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

Start my 1-month free trial

Create a New Listings page

“

- [Instructor] Okay, next let's implement the new listing page. So first of all, we need to actually add a button for getting to the new listing page. And for that, we're going to go back to our my-listings-page-component.html file. At the bottom, underneath this div that we're using the structural directive on, we're just going to add an anchor tag with the router link equal to /new-listing, and inside that we're just going to put a button that says, Create New Listing. And now we have this button that we should be able to click and it takes us to our new listing page. So let's implement this page. We'll start off by opening up our new listing page, html, and TypeScript files. And the implementation of this component for now will be very similar to what we saw with our contact page component. It's going to contain a form with text inputs whose values will be linked to member variables inside this TypeScript file. So…

Contents