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

Question

我在每个链接上使用angular2和angular2 [routerLinkActive]来设置活动链接。一切正常。当用户点击链接时，该路由变为活动状态，并且该链接获得“活动”＃34;注入的课程，我可以相应地设计。

然而，在路线设置中，我设置了一条默认路线，如下所示：

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

只要页面现在成功加载了“＃34; gettingstarted＆＃34;用户首次导航到页面时的组件，但不幸的是路由器链接没有＆＃34;活动＆＃34;此时注入的类，因此未正确设置样式。获取活动类的唯一方法是实际单击链接。

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

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

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

Answer 1

将以下内容放在app.component.ts文件的构造函数中修复它：

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

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

Answer 2

像这样在routerLinkActiveOptions中使用isActive: true

<a routerLinkActive="active-link" [routerLinkActiveOptions]="{ exact: true, isActive: true }">Home</a>