Learn about Angular
- used the CLI to create a second component.
- displayed the second component by adding it to the AppComponent shell.
- applied the UppercasePipe to format the name.
- used two-way data binding with the ngModel directive.
- learned about the AppModule.
- imported the FormsModule in the AppModule so that Angular would recognize and apply the ngModel directive.
- learned the importance of declaring components in the AppModule and appreciated that the CLI declared it for you
terminal
create new project:
$ ng new my-app
run app:
$ ng serve
create new component:
$ ng generate component home
HTML
uppercase:
<h2>{{hero.name | uppercase}} Details</h2>
update data:
<div>
<label for="name">Hero name: </label>
<input id="name" [(ngModel)]="hero.name" placeholder="name" />
</div>