#01 Tutorial (ngModel)

1. 객체의 값을 보여주기 위한 단방향 데이터 바인딩을 위해서 이중 괄호 보간법을 사용한다.

template: '<h1>{{title}}</h1><h2>{{hero.name}} details!</h2>'

2. 멀티 라인 템플릿을 사용하기 위해서 ES2015의 템플릿 문자열을 사용한다.

template:`
  <h1>{{title}}</h1>
  <h2>{{hero.name}} details!</h2>
  <div><label>id: </label>{{hero.id}}</div>
  <div><label>name: </label>{{hero.name}}</div>
  `

3. ngModel을 이용하여 양방향 데이터 바인딩을 할 수 있다.

'<input [(ngModel)]="hero.name" placeholder="name">'

4. ngModel은 바인딩되어 있는 모든 곳에 변화를 전파한다.