我正在使用 Angular 10 并嘗試將我的登錄表單的元素綁定到視圖模型，但它似乎沒有更新。它保持默認的初始值。我究竟做錯了什么？登錄.component.html<div>    <form #loginData="ngForm" (submit)="doLogin()">        <input type="text" [(ngModel)]="loginData.Username" [ngModelOptions]="{standalone: true}">        <input type="password" [(ngModel)]="loginData.Password" [ngModelOptions]="{standalone: true}">        <button type="submit">Sign In</button>    </form></div>登錄組件.tsimport { Component, OnInit } from '@angular/core';@Component({  selector: 'app-login',  templateUrl: './login.component.html',  styleUrls: ['./login.component.scss']})export class LoginComponent implements OnInit {  constructor() { }  loginData: any = {    Username: "abcd",    Password: "1234"  }  ngOnInit(): void {  }  doLogin(): void {    console.log(this.loginData); //prints { Username: "abcd", Password: "1234"} every time  }}應用程序模塊.tsimport { BrowserModule } from '@angular/platform-browser';import { NgModule } from '@angular/core';import { FormsModule } from '@angular/forms';import { AppRoutingModule } from './app-routing.module';import { AppComponent } from './app.component';import { LoginComponent } from './login/login.component';@NgModule({  declarations: [    AppComponent,    LoginComponent  ],  imports: [    BrowserModule,    AppRoutingModule,    FormsModule  ],  providers: [],  bootstrap: [AppComponent]})export class AppModule { }