Angular Material - 输入字段 - 显示重复字段

Question

我正在建立一个 Angular 项目以使用 Angular Material 框架。我也在使用 materializecss。当我尝试创建表单时，出现如下所示的双重控件...

我是这样创建这个字段的：

<mat-form-field hintLabel="Max 10 characters" appearance="standard">
  <input matInput #input (keyup)="applyFilter($event.target.value)" placeholder="Filter catalogs">
</mat-form-field>

Answer 1

使用 Angular Material MatInput 和 MatFormField 或 MaterializeCSS，但不能同时使用。他们都将自己的样式添加到输入中，导致您看到的问题。