[Angular] 문법

클래스 바인딩 문법 

 

[class.selected]="hero === selectedHero"

 

양방향 바인딩 문법

 

양방향 바인딩을 하기위해서는 ngModel을 사용하는데 

사용하기 위해서는 FormsModule 이 필요하다.

FormsModule은 app.module.ts 에서 import를 해서 사용하며, imports부분에 추가시켜준다.

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { HeroesComponent } from './heroes/heroes.component';

import { FormsModule } from '@angular/forms';

@NgModule({
  declarations: [AppComponent, HeroesComponent],
  imports: [BrowserModule, AppRoutingModule, FormsModule],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule {}