Как применить активный класс в навигации, если я использовал крошку в угловых JS

Question

Как применить активный класс в навигации, если я использовал крошку в угловых JS

0

Я изучаю угловые js и читаю некоторые документы, но у меня есть одна проблема.

HI im, используя приложение с навигацией, как это

<ul class="nav navbar-nav">
        <li ui-sref-active="active"><a ui-sref="dashboard.view">Dashboard</a></li>
        <li ui-sref-active="active"><a ui-sref="aboutus">About</a></li>
        <li ui-sref-active="active"><a ui-sref="contactus">Contact</a></li>
      </ul>

Теперь мой brodcrome

Главная > О программе > Carrer Мой url is myxyz.com/#/aboutus/carrer

чем активный класс не применяется О, но если я нажимаю на О странице, чем активный класс добавляет.

Можете ли вы, пожалуйста, сказать мне, что я пишу код.

Благодарю.

Rohit Azad 26 нояб. 2015, в 07:07

Источник

0

Вы пробовали ng-класс или angular.element? docs.angularjs.org/api/ng/directive/ngClass
Gary 09 дек. 2015, в 04:49

Теги:

javascript

jquery

html

angularjs

angularjs-directive

1 ответ

Ещё вопросы

Вы пробовали ng-класс или angular.element? docs.angularjs.org/api/ng/directive/ngClass

vistajess · Answer 1 · 2015-12-09T03-32-00.000Z

Что я сделал по вашему делу, я создал функцию внутри контроллера с двумя зависимостями, а затем использовал ng-class,

storeApp.controller('MyCtrl', function($scope, $location, $http) {
$scope.isActive = function(route) {
    return route === $location.path();
}

И затем использовал его в моей навигации.

<ul class="nav navbar-nav" ng-controller="MyCtrl">
    <li class="hvr-underline-from-left">
       <a ng-class="{activeClass:isActive('/store')}" href="#/store">SHOP</a>
     </li>
     <li class="hvr-underline-from-left">
       <a ng-class="{activeClass:isActive('/category/0/0')}" href="#/category/0/0">COLLECTIONS</a>
     </li>
 </ul>

В этом примере убедитесь, что вы объявили activeClass или любое имя класса, которое вы хотите в своем CSS