Angular

#01 Tutorial (ngModel)

JayLee 2019. 12. 7. 00:45
반응형

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은 바인딩되어 있는 모든 곳에 변화를 전파한다.

반응형

'Angular' 카테고리의 다른 글

#03 Tutorial (Multiple Components)  (0) 2019.12.09
#02 Tutorial (ngIf, ngFor)  (0) 2019.12.08
#01 Tutorial (ngModel)  (0) 2019.12.07
[Study AngularJS] 앵귤러 아키텍처  (0) 2017.08.25