與angular1不同的是郎仆,input中雙向綁定數(shù)據(jù)不再使用ng-bind指令,而是ngModel內(nèi)置指令畅卓,并且需要導(dǎo)入FormsModule模塊尉咕。
導(dǎo)入FormsModule模塊,并添加到imports數(shù)組毕匀,該數(shù)組包含了應(yīng)用中使用的外部模塊铸鹰。
import { FormsModule } from '@angular/forms';
@ngModule({
imports: [ FormsModule]
})
這個(gè)模塊就包含了ngModel指令。
my name is <span>{{name}}</span>
<input [(ngModel)]="name" />
當(dāng)改變<input>標(biāo)簽里的值時(shí)皂岔,span中的文本也會(huì)相應(yīng)發(fā)生變化蹋笼。