当routerLink不是直接在父元素中，而是在单独的组件中时，父元素上的routerLinkActive不起作用

文章/答案/技术大牛

发布

1回答

angular、router、routerlinkactive

当div中的某个路由处于活动状态时，我想在该div上设置一个类。当我将带有routerLink指令的链接直接放入routerLinkActive中时，这对于div指令来说工作得很好： <a ngFor="let link of

浏览 27提问于2021-06-04得票数 1

1回答

如何将活动类分配给在角中包含一些额外链接的父路由器？

angular、angular-router

下面是为我的演示项目生成菜单的代码。这是从3个路由器创建的，就像在这个中。class="nav-links__item" [routerLinkActive=='/'" [routerLink]="item.link | localize"

浏览 22提问于2022-03-13得票数 1

1回答

角4儿童路径只适用于数字

angular

在我的angular4项目中，我试图实现子路由。li> <a [routerLink]="setting2">setting2</a>在运行代码时，只有“仪表板”组件在导航到父“adminPanel”时使用默认加载的“仪表板”组件，因为它是父程序<e

浏览 3提问于2017-09-02得票数 0

回答已采纳

1回答

当改变路线时，行为主体变成零

angular、typescript、rxjs、angular-router、angular-router-guards

我正在尝试设置一个检查，以确保在我的header组件中对用户进行了身份验证，以授予对只对登录用户可用的路由的访问权限。但是，当我登录后尝试使用其中一条路由时，它将将我的用户行为主题更改为null，从而使我的isAuthenticated变为false。我不知道这里发生了什么，因为我也没有收到错误。this.authService.logout(); this.userS

浏览 11提问于2022-05-02得票数 2

回答已采纳

6回答

角-应用样式的元素取决于兄弟RouterLinkActive？

angular、angular-routing、angular-directive、angular-routerlink

在我的应用程序中，我没有一个菜单栏，当用户导航时，我需要被绘制，我还有另外一个组件也需要绘制。我能用routerLinkActive实现这一点吗？menu.html <a routerLink="page1" routerLinkActive="active"> </a> <a routerLink<

浏览 18提问于2017-06-05得票数 10

2回答

Angular flex布局挑战

html、css、angular、angular-material、angular-flex-layout

我的页面有一个工具栏，带有指向页面内片段的链接的侧边导航和一个中心内容(见下图)。我的要求是让工具栏和左侧导航固定，而中间的内容应该单独滚动。下面是我的app.component.html。="./" routerLinkActive="active" fragment="one">Nav Link #1</a> <a mat-but

浏览 16提问于2019-01-05得票数 1

回答已采纳

3回答

链接更改后不呈现正确的html

angular

我是新来的，所以请容忍我。 Home<a [routerLink

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

3回答

如何将活动路由链路也添加到子路由

angular、angular-ui-router、angular2-routing、angular5

<ul class="nav side-menu"> <a routerLink即在teacher.component.ts中，我重定向到所有教师组件，如下所示。在我的app.routing.ts中，我的路由如下所示。{ path: 'Teach

浏览 0提问于2018-03-20得票数 0

4回答

用于子女和家长的routerLinkActive路由

angular、angular-routerlink

我试图用下面的代码应用或高亮显示我的菜单栏的导航路线，我可以得到的是，我可以高亮显示子菜单，但不能高亮显示父菜单栏。navbarDropdownMenuLink"> [routerLink]="['app-child1']"

浏览 4提问于2019-04-09得票数 4

回答已采纳

2回答

当子路由器链路在角5中单击时如何为父级添加活动类

angular

routerLink]="['/home']">my first tab</a></li> <li [class.active]="rla?.<li class="" #rla="routerLinkActive" routerLinkActive="active" ><a [routerLink]="

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

回答已采纳

2回答

通过selectRootElement对元素进行Renderer2选择，使元素的内容消失

css、angular、angular-renderer2

当尝试使用Renderer2创建选项卡组件来选择选项卡元素，并尝试添加一些css类来更改颜色时，例如，对于当前未选中的选定选项卡，HTML元素将从DOM中完全消失：这是tab html模板： <divclass="detail-nav"> <a routerLink="main-config"

浏览 95提问于2020-08-14得票数 2

回答已采纳

1回答

Angular 8模板不能与ng- routerLinkActive一起使用

angular

我在angular 8中的routerLinkActive属性遇到了问题。当在ng模板中使用该属性呈现链接时，当链接处于活动状态时，routerLinkActive类不会应用于父元素。也就是说..。<div routerLinkActive="active2"> <ng-container [ngTemplateOutlet]="test"

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

2回答

使菜单在角度上活动

javascript、html、angular、angular2-routing

在我的应用程序中，我有一个带有菜单项的标题。我从服务中检索菜单列表，并在标题中显示相同的菜单列表。在主列表的悬停中，我将显示子菜单。单击其子项并导航到其子项页(子项可以处于多个级别)，我希望使父项处于活动状态。我希望用户被告知他们在哪个页面下。-0"> <span *ngFor="let item of menu.items | SortOptionsBy: &

浏览 1提问于2021-06-17得票数 1

1回答

基于导航链RouterLinkActive的下拉式按钮

html、css、angular、routing、routerlinkactive

我的Navbar包含3项:2次<li>与<a>元素和一个下拉btn-组。当导航链接下拉选项之一被遵循时，我想突出显示下拉按钮。然而，由于按钮本身不包含任何路由信息，并且菜单没有自己的父页面，所以我在互联网上找到的解决方案还没有对我起作用。正如您所看到的，简单地向按钮元素添加“活动链接”不起作用。将routerLinkActive="active-

浏览 6提问于2020-03-31得票数 0

回答已采纳

4回答

角路由器链路主动嵌套菜单

angular、routing

我试着做一个有角度路径的嵌套菜单。我怎样才能做到这一点？现在，我正在进行递归菜单构建，以便在需要多级嵌套时使用方便。this.menuComponent, this.menuComponent.menuItem.link); }是否有方法从组件中知道它的

浏览 0提问于2018-11-14得票数 4

回答已采纳

3回答

Angular 2中不同模块组件的通信

angular、typescript

我有一个组件，我希望它将数据传递给另一个模块中的另一个组件。实际上，我的app.component是这些子模块的父模块。我希望每个子模块都向app.component发送一些数据。但它们只是路由意义上的子节点和父节点。所以我猜他们并不是真正的父母和孩子。"> <li><a routerLink=&qu

浏览 0提问于2016-10-10得票数 8

回答已采纳

1回答

如何在按下按钮时动态更改组件

angular、angular2-routing

在默认情况下，我有一个父组件，并在其中显示了一个子组件，如何使其在单击“时间线”时，而不是在饼图组件中显示另一个具有不同关系图的组件。<ul class="portfolio__select">

浏览 2提问于2022-03-25得票数 0

回答已采纳

6回答

带参数的RouterLink的RouterLinkActive* (/dynamic)*

angular、angular2-routing

在应用程序本身导航时使用动态生成的链接时，RouterLinkActive不起作用。例如，在我的顶部导航中，我有这个； <a [routerLink]=['user', currentUser.name] routerLinkActive='active'>{{currentUser.name<a [routerLink]=

浏览 7提问于2016-09-01得票数 22

1回答

角4子路由

javascript、angular

我遇到的问题是路径不正确地插入浏览器的url条中。在密码下面。="/projects" routerLinkActive="active">Projects</a> <a routerLink="/upload" routerLinkActive="activerouter-outlet></router-outlet&g

浏览 0提问于2017-07-27得票数 0

回答已采纳

2回答

角度材质-设置按钮处于活动状态

angular-material

我在Angular 5/Angular Materials应用程序中使用此导航： My Icon

浏览 1提问于2018-02-20得票数 6

回答已采纳

点击加载更多