Question

我正在尝试删除所有类“ fa-3x ”并将所有类更改为“ fa-lg ”并添加一个名为=“ testClass的类“，当用户点击课程切换按钮时。是否可以角度来做？万分感激。你的帮助

我在jquery中知道使用add class和removeClass非常简单。谁有人可以告诉我怎么做角度？

  <div ng-controller="MainContainerController" ng-Click="toggleClass()">
        <ul class="nav" >
            <li>
                <a class="toggle-button"><i class="fa fa-exchange"></i></a>
            </li>
            <li>
                <a ui-sref="Home" ng-class="ActiveMenu('Home')">
                   <i class="fa fa-home fa-3x"></i>
                   <span>Home</span>
                </a>
            </li>
            <li>
                <a ng-class="ActiveMenu('Work')"> 
                   <i class="fa fa-bar-chart-o fa-3x"></i>
                   <span>Work </span>
                </a>
            </li>
            <li>
                <a ui-sref="Music" ng-class="ActiveMenu('Music')">
                   <i class="fa fa-table fa-3x"></i>
                   <span>Scenario <br/>Music</span>
                </a>
            </li>
            <li>
                <a ui-sref="faq">
                   <i class="fa fa-faq fa-3x"></i>                           
                   <span>Faq</span> 
                </a>
            </li>
       </ul>
  </div>

Answer 1

我建议使用ng-class="{class1:(someVariable=='Workbench')} ng-class="{class2:(someVariable=='Music')}"而不是使用函数在功能toggleClass()中，您可以将someVariable设置为“主页”，“工作台”等。

Answer 2

用户可以使用ng-class指令

<div  ng-click="changeClass()">
    <p ng-class="{'clicked':clicked,'not-clicked':!clicked}">Test</p>
    <p ng-class="{'clicked':clicked,'not-clicked':!clicked}">Test</p>

</div>
$scope.changeClass = function(){

    $scope.clicked = true;

};

角度ng单击以更改单击时的类

2 个答案: