2018年5月21日 星期一

Angular 08.(雙向繫結)(Two Way Binding)

1.在使用表單前要先匯入FormsModule,先至app.module.ts
import { FormsModule } from '@angular/forms';

@NgModule({
  declarations: [
    AppComponent,
    PagesComponent
  ],
  imports: [
    BrowserModule,
    FormsModule<=新增
  ],
  providers: [],
  bootstrap: [AppComponent]
})
2.在app.component.ts新增一個屬性
 export class AppComponent {  
  text; 
}
3.在app.component.html新增雙向繫結[(ngModel)="xxx"]
您輸入: {{text}} 字數: {{ text.length}}
以上內容若有不足或侵權請告知將立即處理