如何添加使用角js的類

-1

我想單擊按鈕後添加一個類到i標籤。我如何使用角度js來實現這一點。
如何添加使用角js的類

<button type="button" title="Like" ng-click="countLikes(product.title)" class="btn btn-compare"> 
    <i class="fa fa-thumbs-o-up"></i> 
</button> 


$scope.countLikes = function (e) { 
     console.log(e); 
    }

我需要這樣的輸出。新增ExampleClass中給我的標籤

<button type="button" title="Like" ng-click="countLikes(product.title)" class="btn btn-compare"> 
    <i class="fa fa-thumbs-o-up exampleClass"></i> 
</button>

來源

2015-01-09 Praveen M P

http://stackoverflow.com/questions/14643836/dynamic-class-in-angular-js – MSadura

@MarekSadura謝謝 –

沒問題，順便說一句我沒加任何commet鏈接，因爲該主題的解釋似乎很好，乾淨:) – MSadura

使用ng-class指令

<i class="fa fa-thumbs-o-up" ng-class="{'exampleClass' : buttonClicked}"></i> 

$scope.countLikes = function (e) { 
     $scope.buttonClicked = true; 
     console.log(e); 
}

時buttonClicked是真的i元素將得到exampleClass CSS類

來源

2015-01-09 07:23:08

謝謝你的回答。 –

<button type="button" title="Like" ng-click="countLikes(product.title)" class="btn btn-compare"> 
 
    <i class="fa fa-thumbs-o-up" ng-class="{'exampleClass': isClick}"></i> 
 
</button> 
 

 
$scope.isClick = false; 
 
$scope.countLikes = function (e) { 
 
    $scope.isClick = true; 
 
}

來源

2015-01-09 07:34:01

這裏是我的回答

<button type="button" title="Like" class="btn btn-compare" ng-click="(myLike = myLike === 'fa-thumbs-o-up' ? 'fa-thumbs-up' : 'fa-thumbs-o-up'); countLikes(product.title)";> 
    <i class="fa" ng-class="myLike"></i> 
</button> 

$scope.myLike = "fa-thumbs-o-up";

來源

2015-01-09 13:54:43

如何添加使用角js的類

回答

相關問題