если я нажму на проект, «активный» не переместится в проект

Question

если я нажму на проект, «активный» не переместится в проект

0

JS

mainApp.controller("leftmenuController", function($scope, $http) {
    $scope.check = function(event) {
        $('li').removeClass('active');
        $(event.target).addClass('active');
    };
});

Html

<li class="active" ng-click="check($event)"><a href="#/firstpage">Link</a>
<li ng-click="check($event)"><a href="#/project"></a></li>

если я нажимаю на проект, "активные" не переходят в проект. что не так с моим кодом.

Jennifer Lee 18 авг. 2016, в 09:11

Источник

0

Ваш метод проверки вызывается в первую очередь?
Yasser 18 авг. 2016, в 06:36
0

использовать $(event.target.parentNode).addClass('active');
Kaushal Niraula 18 авг. 2016, в 06:39
0

@KaushalNiraula с экрана, кажется, не удаляется только активный класс.
Yasser 18 авг. 2016, в 08:22

Показать ещё 1 комментарий

Теги:

angularjs

3 ответа

Ещё вопросы

Ваш метод проверки вызывается в первую очередь?
использовать $(event.target.parentNode).addClass('active');
@KaushalNiraula с экрана, кажется, не удаляется только активный класс.

JB Nizet · Answer 1 · 2016-08-18T05-06-00.000Z

что не так с моим кодом

Он не использовал угловую форму, чтобы использовать ее. Вы никогда не должны манипулировать DOM в контроллере. Контроллер должен только изменять модель, и в представлении должны использоваться угловые выражения и директивы для генерации HTML на основе этой модели.

Поэтому у вас должно быть что-то вроде

<li ng-class="{active: activeLink === 'first'}" ng-click="checkLink('first')" ...>

а также

<li ng-class="{active: activeLink === 'project'}" ng-click="checkLink('project')" ...>

И контроллер должен просто сделать

$scope.checkLink = function(link) {
    $scope.activeLink = link;
}

byteC0de · Answer 2 · 2016-08-18T03-55-00.000Z

Попробуй это

    $scope.activeMenu = 'firstpage';
    $scope.check = function(menu) {
        $scope.activeMenu = menu;
    };

HTML

<li ng-class="{'active':activeMenu=='firstpage'}" ng-click="check('firstpage')"><a href="#/firstpage">Link</a>
<li ng-class="{'active':activeMenu=='project'}" ng-click="check('project')"><a href="#/project"></a></li>

DMCISSOKHO · Answer 3 · 2016-08-18T05-33-00.000Z

вы можете сделать это без jquery

<li ng-class="setActive('#/firstpage')"><a href="#/firstpage">Link</a>

И в шаблоне

$scope.setActive= function (path) {
  return ($location.path().substr(0, path.length) === path) ? 'active' : '';
}