美文网首页
angular中routerLink使用

angular中routerLink使用

作者: 骚包霸天虎 | 来源:发表于2017-12-11 10:18 被阅读0次
            <ul>
                    <li>
                        <a routerLink="/" routerLinkActive="active" [routerLinkActiveOptions]="{exact:true}">GAMES</a>
                    </li>
                    <li>
                        <a routerLink="/news" routerLinkActive="active">NEWS</a>
                    </li>
                    <li>
                        <a routerLink="/jobs" routerLinkActive="active">JOBS</a>
                    </li>
                    <li>
                        <a routerLink="/about" routerLinkActive="active">ABOUT</a>
                    </li>
                    <li>
                        <a routerLink="/contact" routerLinkActive="active">CONTACT</a>
                    </li>
                    <li>
                        <a routerLink="/community" routerLinkActive="active">COMMUNITY</a>
                    </li>
                    <li>
                        <a routerLink="/account" routerLinkActive="active">My Account</a>
                    </li>
                </ul>

style中设置a.active样式即可

相关文章

网友评论

      本文标题:angular中routerLink使用

      本文链接:https://www.haomeiwen.com/subject/hskvixtx.html