angular

ngModel 과 양방향 바인딩

시크유 2017. 2. 25. 19:00

FormsModule 에 들어있는 기본 제공 디렉티브

AppModule 에 등록필요

바인딩전 반드시 name 특성필요

<input name="txtName" ngModel />

단방향 바인딩

<input name="txtName" [ngModel] = "txtName" />

양방향 바인딩 [()] 표현식 사용

[(ngModel)] = '속성'

<input name="txtName" [ngModel] = "txtName" 

(ngModelChange) = "txtName= $event" />

<input name="txtName" [(ngModel)] = "txtName" />



---------------------------------------------------------

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


@NgModule({

imports : [FormsModule]

})