javascript - Angular2 : [routerLinkActive] ="[' active']"not updating on _router. 导航

标签 javascript angular typescript

我有一个包含多个 routerLink 的应用程序,我使用 [routerLinkActive]="['active']" 对它们进行样式设置。当我通过单击其中一个 routerLinks 进行导航时,一切正常。当我使用导航时:

this._router.navigate( [ thisUrl ], {queryParams: queryParams } );

routerLinkActive 停止工作。有谁知道如何解决这个问题?

我正在使用 angular2 2.4.1

最佳答案

尝试

this._router.navigate( [ thisUrl ], {queryParams: queryParams, relativeTo: this.route } );

在构造函数中将 this.route 注入(inject)组件的位置。

private route: ActivatedRoute

并使 thisUrl 相对于具有类似 '../' + thisUrl 的相对路径的路由

关于javascript - Angular2 : [routerLinkActive] ="[' active']"not updating on _router. 导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41348199/

相关文章:

Javascript:了解包装在函数中的变量

javascript - 如何将预先生成的数组传递给 Angular 模板中的组件?

java - TypeScript 与 Java 中的接口(interface)

javascript - DS.FixtureAdapter 丢失带有 hasMany 异步属性的夹具数据

javascript - getBBox() 缺少文本元素的值

javascript - 如何通过 PHP 连接 javascript 和 MySQL?

Angular 2 : Form Build + asynchronous data loading

c# - 在网络浏览器中查看 pptx 文件

扩展类型属性的 Typescript 部分 [TS2322]

reactjs - 带有 Three.js Canvas 的 React 组件可以正常工作,但不是每次都有效