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>

以上內容若有不足或侵權請告知將立即處理