Angular Material - MatInputModule的MdInput?

时间:2017-10-10 12:22:25

标签: angular angular-material angular-material2

我正在使用

  • Angular Material ^ 2.0.0-beta.12

我在做什么

  • 我刚开始一个新项目并安装了材料

  • 从上一个项目复制某些语法时,尝试导入时出错

  

'导入{MdInputModule}来自'@ angular / material';

  • 在深入了解这些类型之后,它看起来好像现在变成了'MatInputModule'
  • 我已将模块更新为使用'MatInputModule'
  • 现在HTML抛出错误
  

'md-form-field'不是已知元素:

  • 这是使用材料网站提供的语法

HTML

<form [formGroup]="albumEdit">
  <md-form-field>
    <input mdInput formControlName="albumTitle" placeholder="Album Title">
  </md-form-field>
</form> 

问题

  1. 我错过了一些明显的东西吗?
  2. 在最新版本中实施材质组件的最佳方法是什么?
  3. 是否有一些我遗漏的官方文件?

1 个答案:

答案 0 :(得分:3)

2.0.0-beta.12起,Md前缀已被删除,支持Mat前缀。见CHANGELOG

  

重大变化   所有&#34; md&#34;已删除前缀。将md前缀更改为mat

在你的打字稿中,

import { MatInputModule} from '@angular/material';

并在你的模板中:

<mat-form-field>
    <input matInput formControlName="albumTitle" placeholder="Album Title">
</mat-form-field>

网站上的文档已过时,需要使用mat前缀进行更新。