如何使用angular-ui将bootstrap导航栏转换为制表符？

Question

我想使用angular-ui bootstrap将bootstrap nav转换为制表符，有没有办法在最少的代码更改时进行此更改。我看了angular-ui文档，但看起来我不能用ui-router实现。有什么想法吗？

main.html中

angular.module('loggingApp', [
        'ui.router',
        'ngFileSaver',
        'btford.socket-io',
        'ui.bootstrap',
        'ngSanitize',
        'timer'

    ]).config(function($stateProvider, $httpProvider, $urlRouterProvider) {
            'use strict'
            /*
             * This has to be here because the browsers will not catch the home
             * state without it
             */
            //$compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|mailto|tel|file|blob):/);
            $urlRouterProvider.otherwise(function($injector) {
                var $state = $injector.get('$state');
                $state.go('app.dit');
            });

            $stateProvider
                .state('app', {
                    abstract: true,
                    url: '',
                    templateUrl: 'web/global/main.html',
                    controller: 'MainCtrl'
                })
                .state('app.dit', {
                    url: '/dit',
                    templateUrl: 'view/partials/dit.html',
                    controller: 'DitCtrl'
                })
                .state('app.st', {
                    url: '/st',
                    templateUrl: 'view/partials/st.html',
                    controller: 'StCtrl'
                })
                .state('app.uat', {
                    url: '/uat',
                    templateUrl: 'view/partials/uat.html',
                    controller: 'UatCtrl'
                })
                .state('app.prod', {
                    url: '/prod',
                    templateUrl: 'view/partials/prod.html',
                    controller: 'ProdCtrl',
                });

app.js

{{1}}