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 New Listings page
From the course: Angular: Creating and Hosting a Full-Stack Site
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…
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
-
-
-
-
-
-
-