md-form-field必须包含MdFormFieldControl

时间:2017-09-05 14:50:15

标签: angular angular-material2

我正在尝试使用/* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } 在我的组件中插入输入字段。这是我的HTML:

angular-material2

在控制台中,我收到此错误,但我不明白为什么会收到错误:

  

md-form-field必须包含MdFormFieldControl。您是否忘记将mdInput添加到本机输入或textarea元素?

1 个答案:

答案 0 :(得分:10)

首先,您需要在app.module中导入MdFormFieldModule,MdInputModule个模块。然后,您需要在mdInput中添加<input>指令。

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

链接到working demo