角度材料md-form-field无法按预期工作

时间:2017-10-15 11:09:08

标签: angularjs

我正在使用@ angular / material 2.0.0 beta.10

在appModule中,我导入了MdFormFieldModule,MdInputModule。

我的HTML看起来像这样:

<md-form-field>
  <input type="text" mdInput placeHolder="Hi">
</md-form-field>

我没有收到任何错误,但输入看起来像是常规的html输入。

没有浮动标签,焦点线上没有颜色等。

我错过了什么?我需要导入一些CSS吗?

2 个答案:

答案 0 :(得分:0)

在index.html页面中需要添加对所需主题的引用

<link rel="stylesheet" type="text/css" href="node_modules/@angular/material/prebuilt-themes/indigo-pink.css">

答案 1 :(得分:0)

最新版本中的«md-»前缀已被«mat-»取代。因此,根据the documentation,您的代码应该类似于

<mat-form-field>
    <input matInput placeholder="Input">
</mat-form-field>