我正在尝试在mat-sidenav中加载不同的组件，这些组件来自不同的路由组件，基于某些操作，比如单击按钮？我已经创建了一个单独的服务'SidenavService‘来使用@ViewChild获取对mat-sidenav的引用，这样我就可以控制(如打开、关闭、切换等)。应用程序中的任何位置都可以使用sidenav。我还在mat-sidenav中创建了一个ng容器，并将其ViewConteinerRef存储在
浏览 0提问于2019-06-26得票数 5
2回答
我使用的是角7，我只需要从SideNav组件内部的TopBar切换一个SideNav。 <mat-sidenav #sidenav mode="over" role="navigation"> <a mat-list-itemrouterLink='/first
浏览 0提问于2019-06-21得票数 0
回答已采纳
2回答
当我在app组件上编写所有代码时，一切都按预期工作，导航栏将按预期从工具栏和主页打开。请参阅
但是，当我试图将应用程序根拆分为组件时，侧边导航会在工具栏上浮动，而不是像mode=" side“的导航条应该做的那样。
浏览 1提问于2018-12-18得票数 2
回答已采纳
当我在像这样的两个组件中拥有我的sidenav时，模式"side“不再起作用了。模式切换到"over“。当我拥有相同的组件时，它就开始工作了。<app-layout> <router-outlet></router-outlet>应用程序布局包含组件，app-sidenav包含mat-si
浏览 0提问于2019-07-15得票数 0
这是在app.component中声明的，我添加了一个服务，它允许我通过通知app.component切换sidenav的状态，从任何组件打开右侧a。这是它在app.component中的布局： <mat-sidenav-container>
<mat-sidenav
浏览 17提问于2020-04-17得票数 0
回答已采纳
1回答
我希望能够从component.ts切换sidenav，而不必按html上的按钮。我有： <mat-sidenav #roadmapConcept mode="overlay" style="width:60vw;"position="end" fixedTopGap="56"> </mat-side
浏览 3提问于2019-12-01得票数 2
回答已采纳
我在自定义组件中的mat-sidenav容器中使用带有position=“position=”的mat-sidenav时遇到了问题。自定义组件本质上是mat- sidenav -container，左侧的mat-sidenav加上用于左侧的side - an内容、页面内容的ng-content插槽和一个可选的右侧的mat-sidenavDOM检查显示，在mat-content元素中添加了正确的mat-sidenav，这可能是缺少背景的
浏览 3提问于2018-01-17得票数 1
回答已采纳
1回答
如何将sidenav从另一个组件切换？当按钮/触发器与sidenav位于同一个.html文件中时，它工作得很好，但是如果我生成一个新组件，在我的例子中，我将它们命名为“侧栏左”和"topbar“，它不起作用。我所做的就是生成组件来分离它们。我把sidenav放在“侧边栏-左”组件中，按钮/触发器放在"topbar“组件中。sidebar-left.compon
浏览 4提问于2019-10-30得票数 2
回答已采纳
我想通过单击菜单图标(在header组件中)来切换side-nav(在抽屉组件中)。我尝试过使用服务；但这两个组件之间没有共享服务状态。
浏览 32提问于2019-05-29得票数 0
回答已采纳
以下是场景：<button type="button" mat-icon-button (click)="sidenav.toggle()"><mat-sidenav #sidenav >
这是有效的。比方说，我得到了另一个包含一些变量和方法的组件。>
<but
浏览 0提问于2017-11-26得票数 0
我有一个主要组件Customer，它由一个sidenav和一个显示客户信息的details组件组成：
<mat-sidenav class="sidenav" position="start" opened="true" mode=
浏览 0提问于2018-05-16得票数 0
1回答
我正在做我在Angular世界中的第一步，我参与了一个项目，该项目需要从sidenav元素的不同模块上的按钮切换侧边导航元素。特别是，我在UI中使用了Angular材质，而我当前正在使用的sidenav元素是mat-sidenav。
问题是，从必须切换的sidenav的不同模块上的组件截获此单击事件的好方法是什么？
浏览 11提问于2018-02-15得票数 0
回答已采纳
3回答
为此，我正在寻找mat-sidenav-container和mat-sidenav的答案。 <mat-sidenav #sidenav classcollapsedSidebar"> </button>
</
浏览 3提问于2020-04-25得票数 2
回答已采纳
2回答
我正在构建一个Angular应用程序，我想执行一个简单的sidenav切换。<mat-sidenav-container class = "example-sidenav-container"> ...</mat-sidenav></div>
浏览 16提问于2019-08-10得票数 0
回答已采纳
</span> <router-outlet></router-outlet> <a mat-list-item routerLink='/dashboard/home2'>Home2</
浏览 2提问于2020-10-05得票数 0
回答已采纳
2回答
我有一个带有mat-sidenav的棱角应用程序，其结构如下： <mat-sidenav [mode]="'side'"> </mat-sidenav> <!-- Sidenav content -->
<&#x
浏览 4提问于2021-03-31得票数 4
回答已采纳
2回答
我有登录组件和应用程序组件。当用户登录时，将显示以下视图，现在，用户可以点击侧导航菜单按钮，以获得其他细节，如仪表板。像这样，当我们单击仪表板时，仪表板组件应该与侧菜单按钮和工具栏一起显示。 <mat-sidenav #sidenav mode="push" opened="false" cla
浏览 2提问于2018-04-30得票数 0
回答已采纳
个组件
<div style="height: 100vh;"> <mat-sidenav #sidenav> padding: 16px;
浏览 2提问于2019-12-21得票数 0
回答已采纳
1回答
我有一个header组件，它有两个子组件：app-header和app-sidenav。height: 100vh"> <app-sidenav></app-sidenav>在我的app-tool-bar中，我有这样的东西： <mat-ico
浏览 0提问于2018-12-04得票数 0
云服务器
ICP备案
云直播
对象存储
实时音视频
腾讯云开发者
