Angular2在站點加載時默認活動鏈接

Question

我在每個鏈接上使用 angular2 和 angular2 [routerLinkActive] 來設置活動鏈接。 這一切都很好。 當用戶點擊一個鏈接時，路由會變為活動狀態，並且鏈接會注入“活動”類，我可以相應地設置樣式。

但是在路由設置中，我設置了一個默認路由，如下所示：

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

這適用於頁面現在在用戶第一次導航到頁面時成功加載“gettingstarted”組件，但不幸的是，路由器鏈接此時尚未注入“活動”類，因此樣式不正確。 獲取活動類的唯一方法是實際單擊鏈接。

有誰知道我如何讓 [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>