角材料輸入[[ngModel）]的雙向數據綁定在生產模式下不起作用

Question

我一直在從事Angular項目。 一切都在localhost中運行，但是當我托管該項目時，雙向綁定不起作用。 這是部分代碼：

app.module.ts：

import { FormsModule , ReactiveFormsModule} from '@angular/forms';
import { MatInputModule } from '@angular/material/input';

@NgModule({
    declarations: [
        AppComponent,
    ],
    imports: [
        BrowserModule,
        FormsModule,
        ReactiveFormsModule,
        MatInputModule
    ]
})

app.component.html：

<mat-form-field>
        <input matInput name="username" #username="ngModel" type="text" placeholder="User name"  [(ngModel)]="profile.username" required >
        <mat-error>This field is required</mat-error>
</mat-form-field>

這段代碼在localhost上可以正常使用，但是在生產模式下不起作用。 請問有人可以幫助我嗎？

Answer 1

您的代碼：

NAME = “用戶名”

更正：

NAME = “profile.username”

Answer 2

將Angular cli和node版本都更新到最新版本將解決此問題。 它應該工作