用AngularJS添加/切換CSS

Question

所以基本上我的頁面上有一個控件，點擊時需要用兩個不同的CSS類切換兩個不同的元素。

我設法讓它切換控件之一，但不是兩個。

這裏是我的元素：

這是需要觸發這兩個控件的元素。

<a id="main-menu-toggle" data-toggle="collapse" data-target="#sidebar" class="hidden-xs open"><i class="fa fa-bars"></i></a> 

的第一個元素（即正在工作）：

<div id="sidebar" class="col-lg-2 col-sm-1 collapse" style="min-height: 759px; display: block;"> 

</div> 

這裏是第二元件（即我需要添加）：

對於此元素i需要當點擊按鈕時觸發CSS類'full'，然後再次點擊時未觸發CSS類。

<div id="content" class="col-lg-10 col-sm-11 full"> 

</div> 

我試圖做到這一點的超鏈接控制，它仍然不工作：

<a id="main-menu-toggle" data-toggle="collapse,full" data-target="#sidebar,#content" class="hidden-xs open"><i class="fa fa-bars"></i></a> 

有誰知道我能得到這個使用AngularJS工作？

Answer 1

嘗試使用「ng-class」。

參考：

https://stackoverflow.com/a/16529903/5052704

希望這有助於。

Answer 2

這裏是一個JSFiddle usign ng-class和ng-click：

<a id="main-menu-toggle" data-toggle="collapse" data-target="#sidebar" class="hidden-xs open" ng-click="clicked = (clicked) ? false : true"> 
    <i class="fa fa-bars"></i>click 
</a> 

<div id="sidebar" class="col-lg-2 col-sm-1 collapse" ng-class="{'full': clicked}" style="min-height: 759px; display: block;"> 
    THEDIV 
</div> 

Answer 3

可以使用ngClass類和ngStyle樣式操作。