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

Question

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

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

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

我正在使用 angular2 2.4.1

Answer 1

尝试

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

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

private route: ActivatedRoute

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