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 Contact Seller page
From the course: Angular: Creating and Hosting a Full-Stack Site
Create a Contact Seller page
- [Instructor] So we have the listing detail page set up to link to the corresponding contact seller page. So what we need to do now, is something very similar to what we did with the URL parameters in our listing detail page. We're going to pull the listing ID out of the URL for our contact page, and use that to allow a user to send a message to the seller saying they're interested in buying the item. Well, in this course, we're not actually going to cover sending emails programmatically. If you want to see how that's done, I'd recommend taking a look at my Firebase course, where I show how to do this from the back end using a package called Nodemailer. For now what we're going to do is just display an alert saying that the user's message was sent. So let's head over to our ID, and let's open up our contact pages TypeScript and HTML files. And we're going to start off in our TypeScript file by importing a few things.…
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
-
-
-
-
-
-
-