角材料-输入字段-显示重复的字段

时间:2018-07-25 19:31:04

标签: angular-material angular5 materialize

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

Double outline

这是我创建此字段的方式:

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

1 个答案:

答案 0 :(得分:2)

使用Angular Material MatInput和MatFormField或MaterializeCSS,但不能同时使用两者。他们俩都在输入中添加了自己的样式,从而导致出现问题。