Ng-click if为true，使用ng-class添加一个类

Question

我有一个与toggle相同的场景，其中我添加了类colx -6并将页面划分为两个视图。这里，当我第一次点击i传递一个变量值为真，在ng-class中，我正在检查一个条件，如果它为真，然后我附加了col_xs -6 class

这是我的html代码，我已经尝试过

<div ng-class="{'col-xs-6': isClick}">
<div class="panel panel-default panel-height" ng-repeat="candidateInfo in aCandidateDetails track by $index">
    <div class="panel-heading header-background">
        <div stop-watch time="xyz" name="candidateInfo.name" time-of-interview="candidateInfo.doi" class="stop-watch"></div>
        <div class="row">
            <div class="col-xs-2"><a style="cursor:pointer" class="pull-right">{{candidateInfo.name}}</a></div>
            <div class="col-xs-offset-9"><a style="cursor:pointer" ng-click="isClick=!isClick" data-toggle="collapse" data-target="{{'#'+toggle}}">{{candidateInfo.name}} resume</a></div>
        </div>
    </div>
</div>

<div id="{{toggle}}" class="collapse" ng-class="{'col-xs-6': isClick}">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

我不知道我哪里错了

任何形式的帮助都是感激的。

Answer 1

@Piyush。kapoor，这是我的控制器代码

angular.module('hrPortalApp')
.controller('candidateInterviewCtrl', function($scope, $state, iterateArray, getCandidateInterviewListService) {
    getCandidateInterviewListService.fnGetCandidateDetails(localStorage.getItem('username')).then(function(response) {
        $scope.aCandidateDetails = response;
    });
});

Answer 2

你可以通过下面的代码来管理它

<input id="setbtn" type="button" value="set" ng-click="myVar='my-class'">
<input id="clearbtn" type="button" value="clear" ng-click="myVar=''">
<span class="base-class" ng-class="myVar">Sample Text</span>

在上面的代码中，第一次点击，你必须设置myvar为' color -xs-6'，在切换中，你必须清除它