Angular2 站点加载时默认活动链接

Question

我在每个链接上使用 Angular2 和 Angular2 [routerLinkActive] 来设置活动链接。这一切都很好。当用户单击链接时，路线将变为活动状态，并且链接会注入“活动”类，我可以相应地设置样式。

但是，在路线设置中，我设置了默认路线，如下所示：

const routes: Routes = [
{ path: '', redirectTo: 'gettiingstarted', pathMatch: 'full' },

只要页面现在在用户首次导航到页面时成功加载“gettingstarted”组件，这种方法就有效，但不幸的是，路由器链接此时尚未注入“active”类，因此样式不正确。获取活动类的唯一方法是实际单击链接。

有谁知道如何让 [routerLinkActive] 机制在页面加载上工作？

更新 这里是链接本身的代码 html：

 <a [routerLink]="['gettingstarted']" [routerLinkActive]="['active']">

Answer 1

将以下内容放入 app.component.ts 文件的构造函数中修复了该问题：

        this.router.navigate(['/gettingstarted']);

不确定这是推荐的解决方案，但针对我的情况修复了它。