布线到子组件时隐藏sidenav

文章/答案/技术大牛

发布

1回答

angular、angular2-routing、ngxs

我有一个主页组件与工具栏和sidenav (角度材料设计)。我在sidenav上有三个下拉列表: 1. Country 2. State 3.City在选择城市时，我路由到嵌套子组件，并希望同时隐藏sidenav：<mat-sidenav-content> <router-outlet></router-outlet_route.navigate

浏览 11提问于2019-08-04得票数 0

回答已采纳

2回答

从路由子组件访问父组件和vars

angular、angular2-routing、angular2-services

我正在尝试切换一个侧导航菜单，它位于我的主App模板的顶部，使用嵌套子组件中的一个按钮。我不知道如何到达父程序中的sidenav组件，将其告诉sidenav.open()。我知道一个子组件上的@Input和@Output，但据我所知，要使用它，我需要一些DOM标记来将这些附加到子组件上。问题是，我正在路由到这个组件，所以代码中没有显式的<child>标记。相反，我的代码如下所示：

浏览 0提问于2016-06-11得票数 11

回答已采纳

1回答

Mat-select不会从兄弟组件中重置

angular、typescript、angular-material、angular13

当我单击放置mat select的组件(子-2)中的按钮时，重置工作，但是如果我单击兄弟组件(子-1)中的重置按钮，它就不工作了。我怎样才能做到这一点？父组件 <child-one </child-one> <mat-side

浏览 1提问于2022-05-31得票数 0

回答已采纳

1回答

如何在Angular中将Mat UI添加到子组件？

angular、angular-material、material-ui、web-frontend

我创建了一个子组件，用于在单击按钮时进行布线，并且布线工作正常。现在，我想对该子组件中的一个窗体使用material ui，但mat ui样式不会添加到子组件中。如何解决这个问题？

浏览 3提问于2021-05-10得票数 0

1回答

Vue手表没有触发页面刷新/重发

vue.js、vuex、vue-router

我有一个组件，该组件是基于活动的路由隐藏的，它启动了一个使用vuex存储的函数。<template> <

浏览 1提问于2019-03-07得票数 1

回答已采纳

2回答

角材料-当将代码分裂成组件时的意外行为

css、angular、angular-material

当我在app组件上编写所有代码时，一切都按预期工作，导航栏将按预期从工具栏和主页打开。请参阅但是，当我试图将应用程序根拆分为组件时，侧边导航会在工具栏上浮动，而不是像mode=" side“的导航条应该做的那样。

浏览 1提问于2018-12-18得票数 2

回答已采纳

1回答

Angular:-基于辅元件值的主元件布线

angular

需要在父组件级别上进行布线。无法在子级上使用查询参数进行路由。我需要做从子组件到父组件的事件发射器，并在父组件上设置路由。因为子组件是共享组件。enable routing to another page } } 在单击func() (在子组件中)时，包

浏览 19提问于2019-12-18得票数 0

回答已采纳

1回答

然而，我在实现它时遇到了困难。我的项目在根组件(app)中包含md-sidenav，我想在它的子组件中使用FAB，但是因为它们包含在md-sidenav-container中，所以绝对定位某些东西不像预期的那样工作(我听说了一些关于硬件加速和重写轴的东西所以我有一些方向，但我不清楚如何对许多组件和路由进行管理。什么是实现(以及管理-显示、隐藏、做其他事情、更改图标)的最好方法?在md-sidenav-container中跨子路由和<e

浏览 2提问于2017-06-21得票数 0

回答已采纳

1回答

mat-sidenav内容的渲染组件

angular、angular-material、angular7

我用以下HTML模板创建了一个棱角材料sidenav：<mat-sidenav></mat-sidenav> <app-home></app-home> <router-outlet></router-o

浏览 0提问于2019-01-07得票数 0

回答已采纳

1回答

在angular 7中使用side-nav在组件之间导航

angular7

我在我的angular应用程序的主页上设置了sidenav。我还设置了到sidenav中其他组件的链接。现在，我希望当组件的链接被单击时，组件可以加载到相同的空间中，而sidenav和工具栏不会受到影响。包含sidenav和工具栏的主页的HTML文件 <button (click)='sidenav.toggle()'><mat-i

浏览 11提问于2019-07-10得票数 2

回答已采纳

8回答

从另一个组件打开/关闭sidenav

angular、typescript、angular-material

组件，其中右侧为 <mat-sidenav #sidenav mode="side&q

浏览 13提问于2018-01-03得票数 53

回答已采纳

2回答

组件不会在角9的子路由内呈现

angular、angular-material、angular-material2、angular9

这是我的app.component.html和sidenav.component.html <mat-sidenav-content> <

浏览 4提问于2020-04-26得票数 0

回答已采纳

0回答

带有可折叠列表的Angular2 sidenav* :仅保持一个子列表打开*

typescript、angular、angular-material

我在这里有一个使用Angular 2、TypeScript和Material Design组件的sidenav演示。在sidenav上有一个UL，并且UL中的站点和用户锚点展开以显示它们自己的子列表。这是sidenav的HTML： <ul class="sidenav">

浏览 11提问于2016-07-11得票数 2

回答已采纳

1回答

更改路由总是显示主组件，如何将其从特定路由的视图中隐藏/移除？

angular

我的app.component.html文件中有以下html模板 ` <mat-sidenav-container> <app-sidenav-list (sidenavClose)="sidenav.close()"></app-sidena

浏览 8提问于2019-01-27得票数 0

回答已采纳

1回答

如何在任何链接被点击时关闭侧边栏？

reactjs

我正在创建一个Sidenav条显示，当它被点击时，但当它被显示时，我想让它在任何链接被点击时关闭下面是我如何创建一个侧边导航栏打开： const App = (props) => { return ( {props.menuOpen ?ListItems> </AllItems

浏览 16提问于2020-08-15得票数 0

回答已采纳

2回答

角材料2:西德纳夫没有背景

html、angular、typescript、angular2-routing、angular-material2

我目前正在开发一个角2站点，并且SideNav组件有一些问题。应用程序的根是md容器。SideBar组件也将传递给NavBar组件，因为在该组件中定义了打开按钮。注意，我也尝试将SideBar组件带到<md-sidenav-

浏览 4提问于2016-12-30得票数 4

1回答

角7路由器导航不能路由到子组合

angular、routing、navigation、router

我用Range7做了一个web应用程序项目，我遇到了一个问题，路由器导航不能用this.router.navigate(/home/fetch-data)路由到子组件。 <mat-sidenav mode="side" class="mat-sidenav" opened> <app-side

浏览 0提问于2019-03-05得票数 1

1回答

如何在鼠标悬停时更改组件而不使用路由

angular

我想在鼠标悬停时更改组件，而不使用布线。当我将鼠标悬停在文本组件上时，然后调用文本组件；当我将鼠标悬停在按钮组件上时，然后是按钮组件调用或文本组件隐藏。

浏览 9提问于2019-06-14得票数 0

回答已采纳

2回答

Vuejs 2-从孩子到父母的路线

vue.js、vuejs2、vue-router

我有如下的路由结构我想要的是，当用户转到子组件/布线时，父组件的某些元素会隐藏起来。当用户返回到父元素时，这些元素应该会返回。在父组件上，我尝试查看$route对象，但没有触发任何内容。在parents组件的已挂载/创建的方法上附加钩子将不起作用，因为用户仍在这些路径中。

浏览 3提问于2017-04-01得票数 3

2回答

可以使用门户动态地向页面添加组件吗？

angular、typescript

我在想，根据开发人员可以在组件中传递的页面，它会显示在侧面导航的{{ComponentGoesHere}}部分 <md-sidenav#sidenav mode="push" class="app-sidenav"> <span style="fl

浏览 15提问于2020-02-09得票数 1

回答已采纳

点击加载更多