Angular Material 输入与 [(ngModel)] 的双向数据绑定(bind)在生产模式下不起作用

Question

我一直在从事一个 Angular 项目。一切都在本地主机中工作，但是当我托管该项目时，双向绑定(bind)不起作用。这是部分代码:

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>

此代码在本地主机中完美运行，但在生产模式下无法运行。请问有人可以帮我吗？

Answer 1

您的代码:

name="username"

更正:

name="profile.username"