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"]
<div>
  <input type="text" [(ngModel)]="text">
  <span> 您輸入: {{text}}</span>
  <span> 字數: {{ text.length}} </span>
</div>
以上內容若有不足或侵權請告知將立即處理