Angular 使用角度材质实现凹口轮廓主题时遇到问题_Angular_Angular Material_Material Design

Angular 使用角度材质实现凹口轮廓主题时遇到问题

angular angular-material

Angular 使用角度材质实现凹口轮廓主题时遇到问题,angular,angular-material,material-design,Angular,Angular Material,Material Design,我想用角度材质实现凹口轮廓材质主题。Material Design提供了一般安装说明（），但很少提供与Angular本身一起使用的信息（）。有没有人成功地将MDCWeb（如NotchedOutline）实现到框架中？你的过程是什么？角度材料支持主题。将外观设置为轮廓 <mat-form-field appearance="outline"> <mat-label>Outline form field</mat-label> <input matI

我想用角度材质实现凹口轮廓材质主题。Material Design提供了一般安装说明（），但很少提供与Angular本身一起使用的信息（）。有没有人成功地将MDCWeb（如NotchedOutline）实现到框架中？你的过程是什么？

角度材料支持主题。将

外观

设置为

轮廓

<mat-form-field appearance="outline">
  <mat-label>Outline form field</mat-label>
  <input matInput placeholder="Placeholder">
  <mat-icon matSuffix>sentiment_very_satisfied</mat-icon>
  <mat-hint>Hint</mat-hint>
</mat-form-field>


大纲表单字段
你很满意
暗示

请参阅。

在Safari上，轮廓（您发布的图像）似乎被破坏了。它可能需要一些手动样式才能正确使用。@Dino你看到这个问题了吗@迪诺是的，看起来你也看到了同样的问题。在这个问题案例的底部，有人指出Safari仍然存在这个bug。我建议在案例中添加注释和/或对未解决问题的注释进行投票。@ChristopherPert是否可以传递一个令牌，使所有MatFormFields默认为“大纲”？@Ebakun是的，您可以配置默认的

MatFormField

选项。看见