首页 文章

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

提问于
浏览
1

我在每个链接上使用angular2和angular2 [routerLinkActive]来设置活动链接 . 一切正常 . 当用户点击链接时,路由变为活动状态,链接将被注入“活动”类,我可以相应地设置样式 .

但是在路由设置中我设置了一个默认路由,如下所示:

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

当用户首次导航到页面时页面现在成功加载“gettingstarted”组件,这是有效的,但遗憾的是路由器链接此时没有注入“活动”类,因此未正确设置样式 . 获取活动类的唯一方法是实际单击链接 .

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

Update 这是链接本身的代码html:

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

1 回答

  • 2

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

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

    不确定它是推荐的解决方案,但针对我的情况进行了修复 .

相关问题