我在每个链接上使用angular2和angular2 [routerLinkActive]来设置活动链接 . 一切正常 . 当用户点击链接时,路由变为活动状态,链接将被注入“活动”类,我可以相应地设置样式 .
但是在路由设置中我设置了一个默认路由,如下所示:
const routes: Routes = [
{ path: '', redirectTo: 'gettiingstarted', pathMatch: 'full' },
当用户首次导航到页面时页面现在成功加载“gettingstarted”组件,这是有效的,但遗憾的是路由器链接此时没有注入“活动”类,因此未正确设置样式 . 获取活动类的唯一方法是实际单击链接 .
有谁知道如何让[routerLinkActive]机制在页面加载上工作?
Update 这是链接本身的代码html:
<a [routerLink]="['gettingstarted']" [routerLinkActive]="['active']">
1 回答
将以下内容放在app.component.ts文件的构造函数中修复它:
不确定它是推荐的解决方案,但针对我的情况进行了修复 .