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

将Angular cli和node版本都更新到最新版本将解决此问题。它应该可以工作

Answer 2

您的代码：

name =“用户名”

更正：

name =“ profile.username”

角度材料输入使用[（ngModel）]的双向数据绑定在生产模式下不起作用

2 个答案: