Angular 角材料导航示意图断点

Angular 角材料导航示意图断点,angular,angular-material,nav,Angular,Angular Material,Nav,我试图使用《角度材料指南》中的@angular/material:nav示意图 ng generate @angular/material:nav <component-name> 在这个模板中,sidenav显示在大屏幕设备上,当它小于960px时,它就会变成一个汉堡包菜单 有人知道这是怎么设置的吗?例如,我想要大屏幕设备上的汉堡包菜单 谢谢 断点在中指定: 导出常量断点={ XSmall:'最大宽度:599.99px', 小:“最小宽度:600px,最大宽度:959.99px”

我试图使用《角度材料指南》中的@angular/material:nav示意图

ng generate @angular/material:nav <component-name>
在这个模板中,sidenav显示在大屏幕设备上,当它小于960px时,它就会变成一个汉堡包菜单

有人知道这是怎么设置的吗?例如,我想要大屏幕设备上的汉堡包菜单


谢谢

断点在中指定:

导出常量断点={ XSmall:'最大宽度:599.99px', 小:“最小宽度:600px,最大宽度:959.99px”, 中等:“最小宽度:960像素,最大宽度:1279.99像素”, 大:“最小宽度:1280px,最大宽度:1919.99px”, XLarge:'最小宽度:1920px', 手机:“最大宽度:599.99px,方向:纵向”+ '最大宽度:959.99px,方向:横向', 平板电脑:“最小宽度:600px,最大宽度:839.99px,方向:纵向,”+ '最小宽度:960像素,最大宽度:1279.99像素,方向:横向', Web:'最小宽度:840像素,方向:纵向,'+ “最小宽度:1280px,方向:横向”, 手机肖像:“最大宽度:599.99px,方向:肖像”, TabletPortrait:'最小宽度:600px,最大宽度:839.99px,方向:纵向', 网络人像:“最小宽度:840px,方向:人像”, HandsetLandscape:“最大宽度:959.99px,方向:横向”, TabletLandscape:“最小宽度:960px,最大宽度:1279.99px,方向:横向”, Web横向:“最小宽度:1280px,方向:横向”, }; 现在您可以更改或自定义断点。例如:

isHandset$:Observable=this.breakpoints.observeBreakpoints.Handset iTablet$:Observable=this.breakpoints.observeBreakpoints.Tablet
断点在中指定:

导出常量断点={ XSmall:'最大宽度:599.99px', 小:“最小宽度:600px,最大宽度:959.99px”, 中等:“最小宽度:960像素,最大宽度:1279.99像素”, 大:“最小宽度:1280px,最大宽度:1919.99px”, XLarge:'最小宽度:1920px', 手机:“最大宽度:599.99px,方向:纵向”+ '最大宽度:959.99px,方向:横向', 平板电脑:“最小宽度:600px,最大宽度:839.99px,方向:纵向,”+ '最小宽度:960像素,最大宽度:1279.99像素,方向:横向', Web:'最小宽度:840像素,方向:纵向,'+ “最小宽度:1280px,方向:横向”, 手机肖像:“最大宽度:599.99px,方向:肖像”, TabletPortrait:'最小宽度:600px,最大宽度:839.99px,方向:纵向', 网络人像:“最小宽度:840px,方向:人像”, HandsetLandscape:“最大宽度:959.99px,方向:横向”, TabletLandscape:“最小宽度:960px,最大宽度:1279.99px,方向:横向”, Web横向:“最小宽度:1280px,方向:横向”, }; 现在您可以更改或自定义断点。例如:

isHandset$:Observable=this.breakpoints.observeBreakpoints.Handset iTablet$:Observable=this.breakpoints.observeBreakpoints.Tablet