angualr material 真正入门实践:实践Menu(非复制粘贴)


先吐槽一下,有些沙雕,上来介绍安装angualr material,也不让我们加版本号……目前material最新版是8.x版本,如果angualr cli安装的不是8.x版本,会不兼容……所以, angular cli和material大版本一定要匹配!

1安装material

  1. 路径切换到项目根目录
  2. ng --version 确认自己的angualr cli版本,比如我的是7.x
  3. 安装必要三个依赖
# 一定要加上和自己大版本一直的版本号,我是是@7
npm install --save @angular/material@7 @angular/cdk@7
# 这个负责动画,不装这个,那些弹出的动画完全用不了,比如弹出菜单mat-menu
npm install --save @angular/animations@7
  1. 根据提示,查漏补缺,把需要的依赖都补上,务必明确大版本号

2代码实践

以使用Mat-menu为例,简述使用过程:

  1. app.module导入动画模块和菜单(Menu)模块
...
import {
   MatMenuModule} from '@angular/material';
import {
   BrowserAnimationsModule} from '@angular/platform-browser/animations';
...
  imports: [
    ...
    MatMenuModule,
    BrowserAnimationsModule
  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值