关于angular2路由激活状态时class设置
问题是这样的：
上面的tabs各自对应一个路由，在后台这些tabs是由一个数组tabArray生成的，并不是写上去的，当用户点击左边的一个项目时，会push一个tab到tabArray中。
以上的内容都是比较容易实现的，难的是当点击x号的时候，要关闭当前路由，并激活一个tab的class(active) ，之前没有用到angular2的属性的时候，用的是js来实现的，可老是有bug出现。
之后用的是angular2中的
<ul id="section_nav_2">
<li routerLinkActive="active0" *ngFor="let navbarTab of navbarTabs let i=index" (click)=tabsChange(i) > <a routerLink="{{navbarTab.routerUrl}}">{{navbarTab.name}}</a> <i (click)=closeSection(i,navbarTab.routerUrl) *ngIf="navbarTab.showClose" class="fa fa-times-circle"></i> </li>
</ul>routerLinkActive属性，便轻解决这个问题了
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读