先吐槽一下,有些沙雕,上来介绍安装angualr material,也不让我们加版本号……目前material最新版是8.x版本,如果angualr cli安装的不是8.x版本,会不兼容……所以, angular cli和material大版本一定要匹配!
1安装material
- 路径切换到项目根目录
- ng --version 确认自己的angualr cli版本,比如我的是7.x
- 安装必要三个依赖
# 一定要加上和自己大版本一直的版本号,我是是@7
npm install --save @angular/material@7 @angular/cdk@7
# 这个负责动画,不装这个,那些弹出的动画完全用不了,比如弹出菜单mat-menu
npm install --save @angular/animations@7
- 根据提示,查漏补缺,把需要的依赖都补上,务必明确大版本号
2代码实践
以使用Mat-menu为例,简述使用过程:
- app.module导入动画模块和菜单(Menu)模块
...
import {
MatMenuModule} from '@angular/material';
import {
BrowserAnimationsModule} from '@angular/platform-browser/animations';
...
imports: [
...
MatMenuModule,
BrowserAnimationsModule