angular中routerLink使用

2017-12-11  本文已影响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样式即可

上一篇 下一篇

猜你喜欢

热点阅读