如何使用angular ui-router使导航栏选项卡处于活动状态或基于状态访问？

npm install angular-ui-router

import 'angular-ui-router';

angular.module('myApp', ['ui.router'])
    .config(function($stateProvider, $urlRouterProvider) {
        $stateProvider
            .state('home', {
                url: '/home',
                templateUrl: 'views/home.html',
                controller: 'HomeController'
            })
            .state('about', {
                url: '/about',
                templateUrl: 'views/about.html',
                controller: 'AboutController'
            });

        $urlRouterProvider.otherwise('/home');
    });

<ul>
    <li ui-sref-active="active"><a ui-sref="home">Home</a></li>
    <li ui-sref-active="active"><a ui-sref="about">About</a></li>
</ul>

<!-- home.html -->
<div>
    <h1>Home</h1>
    <!-- 内容 -->
</div>

<!-- about.html -->
<div>
    <h1>About</h1>
    <!-- 内容 -->
</div>