mat-sidenav push属性导致生成错误
mat-sidenav是Angular Material库中的一个组件，用于创建侧边导航栏。它具有多个属性，其中包括push属性。
push属性是mat-sidenav的一个布尔属性，用于指定是否将内容推开以适应导航栏的宽度。当push属性设置为true时，内容将被推开，以便在导航栏打开时提供足够的空间。如果设置为false或未设置，默认情况下内容将覆盖导航栏。
使用push属性时，需要确保mat-sidenav-container元素包含在应用的根组件中，并且mat-sidenav和内容位于mat-sidenav-container内部。
推荐的腾讯云相关产品是腾讯云云服务器（CVM）。腾讯云云服务器是一种弹性计算服务，提供可扩展的计算能力，适用于各种应用场景。您可以根据实际需求选择不同配置的云服务器，并根据业务负载自动调整计算资源。
腾讯云云服务器产品介绍链接地址：https://cloud.tencent.com/product/cvm
请注意，以上答案仅供参考，具体的技术实现和推荐产品可能因实际情况而异。
相关·内容
1回答
我在Angular 6上，正在使用mat-sidenav <mat-sidenav #drawer position="end" fixedInViewport="true" [mode]="push" [opened]="false"> 然而，当我运行ng build --prod时，它抛出了一个错误，属性'push‘不存在于类型'MyComponent’上。一切正常，但是这
浏览 31提问于2020-07-07得票数 0
回答已采纳
3回答
角度侧边栏与页面内容重叠
、、、
使用angular cli创建侧边栏后：侧边栏工作得很好，但它与每个页面的内容重叠，该如何更改？或者我必须在我使用的每一页上写上左边距？
浏览 3提问于2018-07-02得票数 0
嗨，我不知道该怎么处理这个compiler.js:2430 Uncaught Error: Template parse errors:1._parseTemplate (compiler.js:26171) at compiler.j
浏览 2提问于2019-06-28得票数 3
3回答
我有一个像这样的主要组成部分：<mat-sidenav-container> </mat-sidenav> <router-outlet></rout
浏览 0提问于2018-06-15得票数 1
3回答
我对角很陌生，我正在学习角6，但是我不能像前面说的那样通过如果发生了一些错误，错误是：Schematic input does not validate当我在googled上搜索它时，有人说它可以通过添加角材料来修复，所以我开始安装角材料，但是我的应用程序错误--这是控制台日志：compiler.js:215 Uncaught Error: Templatecompiler.js:215)
at TemplateParser.push.._parseTe
浏览 0提问于2018-05-25得票数 0
回答已采纳
我运行了一个简单的命令，它应该生成预构建的文件，这些文件可以作为导航条使用。我的控制台没有错误。下面是命令：ng generate @angular/material:material-nav --name=main-nav I正在使用Mac、角6和角材料。我已经独立地测试了每个部分，并发现<mat-sidenav></mat-sidenav>函数根本无法工作。
浏览 1提问于2018-07-08得票数 0
回答已采纳
我试图访问我的HTML模板中的DOM元素，但是我遇到了一个问题:这个元素是以ngIf为条件的，因此我有以下错误“属性‘抽屉’在‘Component’类型上不存在”。以下是我的HTML代码的摘录： <mat-sidenav #drawer *ngIf="condition"> <mat-sidenav-content>
浏览 2提问于2022-03-02得票数 0
我有下面的代码： [fixedInViewport]="false"== 'push' && sidenav.opened ?== 'push' && sidenav.opened ?'relative' : 'absolute'"
错误: NG0100: Ex
浏览 8提问于2021-04-29得票数 0
2回答
由于某些原因，它被设置为22 in，这使得无法使用sidenav中的任何项填充整个高度.我设法使用mat-sidenav容器全屏属性使其工作，但是当我这样做时，所有其他内容(应该在sidenav旁边)都不会显示我的导航组件的html代码： <mat-sidenav #sidenav mode="push">>
<li>item&l
浏览 3提问于2017-10-10得票数 4
回答已采纳
<mat-sidenav-container fullscreen class="main-sidenav-container"> </mat-list-item> </mat-sidenav
浏览 0提问于2018-02-23得票数 2
</mat-content> <app-sidenav></app-sidenav></mat-container>现在，当我导航到这个组件时，我得到了一个错误：
如果没有这个部件的话.有人知道问题
浏览 0提问于2018-07-23得票数 4
回答已采纳
我尝试将"mode“属性绑定到一个根据类中的媒体查询在"over”和"rail“之间切换的类属性： return 'rail';}}
当我在标准的sidenav模式，"over"，"sid
浏览 0提问于2020-08-29得票数 1
1回答
我看到的错误是： path: 'settings', component: SettingsComponent, canActivate: [AuthGuard]outlet:'settings-outlet' ]
<mat-sidenav-container class="set
浏览 2提问于2020-08-24得票数 0
回答已采纳
2回答
1)this.props.history.push('/')导致此错误:无法读取未定义属性的“历史记录”。3)this.context.history.push('/')
导致此<em
浏览 5提问于2018-08-11得票数 1
回答已采纳
2回答
我在我的浏览器控制台上得到了这个错误，并且我的一侧nav (角度材料)中有路由链接，这些链接甚至没有导航到路由器链接。我确信我已经正确地设置了所有内容。错误:错误TypeError: t.resolve不是位于Subscriber.push.._next (router.js:4123)的函数Subscriber.push..button>&l
浏览 158提问于2019-01-08得票数 0
回答已采纳
1回答
为什么当单击材料工具栏的任何元素或它之外的元素(其他组件)时，会导致对ngIf属性的多次检查？一次简单的点击就会导致10-20次呼叫.简单填写签到表格就会有上百个电话.这不正常，对吧？main-nav.component.html (此组件位于app.component.html中) <mat-sidenavmat-list-item href="#">
浏览 0提问于2018-07-08得票数 2
1回答
mat-icon>menu</mat-icon> <mat-sidenav-container class="sidenav-container"> <app-menu-tree> </mat-side
浏览 0提问于2019-02-27得票数 0
回答已采纳
我有一个app.component.ts，并且我已经使用ng创建了一个组件生成c.That新组件应该有一个侧向导航，并且侧向导航需要在单击按钮时切换。我正在尝试实现侧边导航菜单，但收到如下错误："message"：“找不到模块‘@angular/material/MatSidenavModule’。”，<mat-sidenav-container>
<mat-sidenav mode="side"
浏览 12提问于2020-02-17得票数 0
回答已采纳
一个广告显示在空间中，尽管我得到了上述的错误。还有人看过这个吗？非常感谢您的反馈。
浏览 5提问于2014-01-20得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
