как переключить класс дочерних элементов с помощью angularjs

при нажатии на якорь, как переключать классы дочерних элементов span?

У меня уже есть одна функция щелчка на моем якоре: как при щелчке переключить «глификон-шеврон-вниз» на «глификон-шеврон-вверх»?

    <a ng-click="toggleList()">
     View More <span class="glyphicon glyphicon-chevron-down"></span>
    </a>

javascript angularjs ng-class
person Krish    schedule 29.12.2015    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Вы могли бы

Разметка

<a ng-click="toggleList()">
     View More <span class="glyphicon" ng-class="getClass()"></span>
</a>

Код

$scope.toggleList = function(){
   //other logic here
   $scope.isDown = !$scope.isDown; 
}

$scope.getClass = function(){
    return $scope.isDown ? 'glyphicon-chevron-down': 'glyphicon-chevron-up';
}
person Pankaj Parkar    schedule 29.12.2015
comment
Это не работает: по умолчанию он идет с «вверх», но при щелчке он не переключается! :) ‹a ng-click=toggleList(isDown)› Просмотреть больше ‹span class=glyphicon class=glyphicon ng-class=getClass(isDown)›‹/span› ‹/a› - person Krish; 29.12.2015
comment
нам нужно сохранить этот $scope.getClass в функции toggleList? - person Krish; 29.12.2015
comment
@Krish $scope в основном используется для привязки, а затем вы можете использовать переменную области видимости в html непосредственно в директивах angular. - person Pankaj Parkar; 29.12.2015