如何使用angularjs切換子元素類

Question

on click anchor如何切換子元素類？

我已經在我的錨點上有一個點擊功能：點擊如何把「glyphicon-chevron-down」變成「glyphicon-chevron-up」？

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

Answer 1

你可以有

標記

<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'; 
}