From the course: Angular: Creating and Hosting a Full-Stack Site
Unlock the full course today
Join today to access over 22,400 courses taught by industry experts or purchase this course individually.
Create an Edit Listing page
From the course: Angular: Creating and Hosting a Full-Stack Site
Create an Edit Listing page
- [Instructor] The first thing we're going to look at is inputs. Basically what inputs allow us to do is pass data into our components from their parent components in a way that looks almost identical to defining attributes on simple HTML elements. In our case, let's say that on our edit listing page, we want to be able to pass in an input to our listing data form component that defines what text is displayed in the forms button. Something like this, for example. We could say button text equals save changes. Well, in order to make this work, we have to go into our listing data forms TypeScript file, and up at the top, along with component and OnInit, we're going to import something called input. And then down inside the body of the component, we're going to use this funny looking syntax to define an input called button text. So we'll say at input with parentheses after it button text, and then inside our listing data forms…
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
-
Set up an Angular project2m 4s
-
Angular project structure3m 47s
-
Create your first Angular component2m 55s
-
Routes and routing in Angular9m 45s
-
Add fake data3m 3s
-
Implement the Listings page5m 13s
-
Create a Listing Detail page5m 33s
-
Create a Contact Seller page9m 5s
-
Create a My Listings page4m 27s
-
Create a New Listings page5m 47s
-
Create a Listing Data form3m 57s
-
Create an Edit Listing page11m 14s
-
Create a navigation bar3m 1s
-
-
-
-
-
-
-