Question

在我的索引页面上:(主要标签）

  <div id="navbar" class="collapse navbar-collapse">
        <ul class="nav navbar-nav" bs-active-link>
            <li><a href="#/">1</a></li>
            <li><a href="#/activiteiten">2</a></li>
            <li><a href="#/profiel">Profiel</a></li>

在我的标签页上:(子标签） - （例如：profiel / georganiseerde）

 <ul class="nav nav-tabs">
    <li role="presentation" class="active">
        <a href="#/activiteiten">
            <p3>Georganiseerde</p3>
        </a>
    </li>
    <li role="presentation">
        <a href="#/deelnemende">
            <p3>Deelnemende</p3>
        </a>
    </li>

1）当我去“profiel main tab”时，“georganiseerde tab”处于活动状态。但 2）当我去“Deelnemende tab”时，它应该恢复INACTIVE而它应该保持活跃状态。

我已经使用此代码激活主要标签。（在堆栈溢出时找到它 - Tx！）

 angular.module('WebApp')
        .directive('bsActiveLink', ['$location', function ($location) {
            return {
                restrict: 'A', //use as attribute
                replace: false,
                link: function (scope, elem) {
                    //after the route has changed
                    scope.$on("$routeChangeSuccess", function () {
                        var hrefs = ['/#' + $location.path(),
                                     '#' + $location.path(), //html5: false
                                     $location.path()]; //html5: true
                        angular.forEach(elem.find('a'), function (a) {
                            a = angular.element(a);
                            if (-1 !== hrefs.indexOf(a.attr('href'))) {
                                a.parent().addClass('active');
                            } else {
                                a.parent().removeClass('active');
                            };
                        });
                    });
                }
            }
        }]);

工具： 我使用了本教程。（https://www.airpair.com/angularjs/building-angularjs-app-tutorial）非常好，除了菜单崩溃不起作用。但我已经解决了这个问题。我还解决了主要活动链接tx到Stackoverflow的问题。

许多Tx为您提供帮助！乙

当nav-tabs在标签之间切换时，navbar-nav li链接应该保持活动状态（它没有）

0 个答案: