首页 文章

使用AngularJS添加/切换CSS

提问于
浏览
1

所以基本上我在我的页面上有一个控件,当点击时需要用两个不同的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 回答

  • 3

    尝试使用“ ng-class ” .

    参考:

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

    希望这可以帮助 .

  • 0

    这是JSFiddle usign ng-classng-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>
    
  • 0

    您可以将ngClass用于类,使用ngStyle进行样式操作 .

相关问题