首页 文章

Angular Material - MatInputModule的MdInput?

提问于
浏览
3

What I'm Using

  • Angular

  • Angular Material ^ 2.0.0-beta.12

What I'm doing

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

  • 从先前项目复制某些语法时,尝试导入时出错

来自'@ angular / material'的'import ;

  • 在挖掘完这些打字后,它看起来好像是's now changed to ' MatInputModule'

  • I 've updated my module to use ' MatInputModule'

  • 现在HTML抛出错误

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

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

HTML

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

Questions

  • 我错过了一些明显的东西吗?

  • 在最新版本中实施材料组件的最佳方法是什么?

  • 是否有一些我遗漏的官方文件?

1 回答

  • 3

    2.0.0-beta.12 起, Md 前缀已被删除,转而使用 Mat 前缀 . 见CHANGELOG

    重大更改所有“md”前缀都已删除 . 将md前缀更改为mat:

    在你的打字稿中,

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

    在你的模板中:

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

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

相关问题