Question

我认为我不确定，但不确定。我正在Angular 9中做一个项目，对于表单，每次保存文件时，材质组件都变为小写（matInput => matinput）。

这是我的应用程序组件

import { MatToolbarModule } from '@angular/material/toolbar';
import { MatInputModule } from '@angular/material/input';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatCardModule } from '@angular/material/card';
import { MatTabsModule } from '@angular/material/tabs';
import { MatCheckboxModule } from '@angular/material/checkbox';
import { MatIconModule } from '@angular/material/icon';


@NgModule({
  declarations: [
    
  ],
  imports: [
    MatTableModule,
    MatToolbarModule,
    MatButtonModule,
    MatInputModule,
    MatFormFieldModule,
    MatCheckboxModule,
    MatCardModule,
    MatIconModule,
  ],
  providers: [],
  schemas: [
    CUSTOM_ELEMENTS_SCHEMA,
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

这是HTML

<mat-form-field>
                            <input matinput placeholder="identifiant" required name="identifiant" [(ngModel)]="model.identifiant" #identifiant="ngModel">
                            <mat-error *ngIf="identifiant.invalid">Login is required</mat-error>
                            <mat-icon matsuffix>email</mat-icon>
                        </mat-form-field>

消息代码是

error NG8002: Can't bind to 'state' since it isn't a known property of 'a'.

每次更改matInput或任何其他材质类时，都会更改为小写字母。有人遇到麻烦了吗？

Answer 1

在您的app.module文件中导入FormsModule

import { FormsModule } from '@angular/forms';

将其添加到导入数组中

Answer 2

问题出在vscode中的插件上。我用了一些嫩枝合剂，麻烦就出在那儿。

错误NG8002：无法绑定到“状态”，因为它不是“ a”的已知属性

2 个答案: