所以基本上我在我的页面上有一个控件,当点击时需要用两个不同的CSS类来切换两个不同的元素 .
我设法让它切换其中一个控件,但不是两个 .
Here is my element:
这是需要触发两个控件的元素 .
<a id="main-menu-toggle" data-toggle="collapse" data-target="#sidebar" class="hidden-xs open"><i class="fa fa-bars"></i></a>
The first element (That is working):
<div id="sidebar" class="col-lg-2 col-sm-1 collapse" style="min-height: 759px; display: block;">
</div>
Here is the second element(That i need to add):
对于这个元素,我需要在单击按钮时触发CSS类'full',然后再次单击该按钮时不满 .
<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让这个工作?
3 回答
尝试使用“ ng-class ” .
参考:
https://stackoverflow.com/a/16529903/5052704
希望这可以帮助 .
这是JSFiddle usign
ng-class
和ng-click
:您可以将ngClass用于类,使用ngStyle进行样式操作 .