美文网首页
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