# #100DAYSOFCODE Day61

## 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 --open
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>

```