回答情况：
提问时间：
问题标签：
如何使用observable打开/关闭mat-sidenav？这样的事情会让我很高兴： ...
// (but this
浏览 0提问于2019-01-28得票数 1
我正在尝试在mat-sidenav中加载不同的组件，这些组件来自不同的路由组件，基于某些操作，比如单击按钮？我已经创建了一个单独的服务'SidenavService‘来使用@ViewChild获取对mat-sidenav的引用，这样我就可以控制(如打开、关闭、切换等)。我还在mat-sidenav中创建了一个ng容器，并将其ViewConteinerRef存储在SidenavService中，现在在组件层次结构中的任何组件中，我可以注入SidenavService，我可以使用从应用程序的任何位置加载mat-sidenav<
浏览 0提问于2019-06-26得票数 5
在升级到Angular 7和Material 7之前，我们有一个类似这样的dom结构： <mat-sidenav #sidenav mode="side</ul> <mat-sidenav-content> </mat-sidenav-content> <e
浏览 3修改于2018-11-30得票数 2
Here is what it looks like now <mat-sidenav class="sidenav" style="height: 80%;"
浏览 11提问于2021-03-27得票数 0
我用以下HTML模板创建了一个棱角材料sidenav：<mat-sidenav></mat-sidenav>
<app-home></app-home>
<router-outlet
浏览 0修改于2019-01-08得票数 0
回答已采纳
menu </button></mat-toolbar>
<mat-sidenav[routerLink]="'/contact'" ngClass="nav-item nav-pill-blue"> Select a plan </a&
浏览 6提问于2022-08-08得票数 0
没有任何规则的sidenav的代码： <divmat-body-1">{{room.roomName}}</span> </mat-nav-list> <&#x
浏览 24修改于2020-06-20得票数 0
我在Angular 6上，正在使用mat-sidenav <mat-sidenav #drawer position="end" fixedInViewport="true" [mode]="push
浏览 31提问于2020-07-07得票数 0
回答已采纳
页面加载时，mat-sidenav处于打开状态。如何关闭它？这是我的HTML： #drawer fixedInViewport="true"Brands </a>
<a mat-list-item [routerLink] = "['/variants']"> Variants <&
浏览 24修改于2018-06-04得票数 2
我和BehaviorSubject有个交换服务。 export class ToggleSidenavService { return this.sideNavToggleSubject.next(null); }
浏览 6修改于2020-01-29得票数 0
回答已采纳
2430 Uncaught Error: Template parse errors:
Can't bind to 'mode' since it isn't a known property of 'mat-sidenavIf 'mat-sidenav' is an Angular component and it has 'mode' input, then verify that it is part of thisIf 'mat-sidenav
浏览 2提问于2019-06-28得票数 3
我试图设置<mat-sidenav>与迷你图标变体在position="end"中，我想当我点击打开侧面导航时，所有的图标留在他们的地方，像什么发生在位置“开始”+我的希伯来语文本将在图标之后，像英语文本在开始位置
浏览 14提问于2018-12-12得票数 1
回答已采纳
Menu</a>
<a href="#" mat-button>Menu Item 6</
浏览 115提问于2018-06-26得票数 3
回答已采纳
main {}
<mat-sidenavnavigationItems" [collapsed]="sidenavOpened" [navItem]="navitem"></sidenav-list-item></<e
浏览 22修改于2020-09-15得票数 1
我正在与mat-sidenav合作，并设法设置了一个非常基本的，将坐在左侧，打开和关闭足以显示垫的图标。这部分很好，可以正常工作。我已经包含了通过css打开和关闭的幻灯片动画。下面是一个非常精简的用于调试的html版本，也是我正在使用的，试图让它工作： <mat-sidenav #sidenav modesubMenuEnabled]="subMenuEnabled"></app-menu-list-item>
浏览 0修改于2019-01-04得票数 1
main-nav.component.html <mat-sidenav #drawer classmat-list-item href="#">Link 2</a> </mat-nav-list>
<
浏览 0修改于2019-04-18得票数 0
回答已采纳
toggleSidenav)="navigationSidenav.toggle()"></app-header> <mat-sidenav<a mat-list-item (click)="navigationSidenav.toggle()">Close</a>
浏览 14提问于2021-04-05得票数 0
这是我的html <div class="dropdowndropdownButtonChild"> </button> </div&
浏览 1修改于2020-12-04得票数 0
我想通过单击菜单图标(在header组件中)来切换side-nav(在抽屉组件中)。我尝试过使用服务；但这两个组件之间没有共享服务状态。 演示在这里https://stackblitz.com/edit/angular-11pdkj
浏览 32提问于2019-05-29得票数 0
回答已采纳
HTML <mat-toolbar></mat-toolbar>
<mat-sidenav openedmode="side"> <mat-sidenav-content>
<router-outlet></router-o
浏览 10提问于2020-07-06得票数 1
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号