ng-click if true使用ng-class追加一个类

Question

我有一个与切换相同的场景，我添加了col 6类，并将页面分成两个视图。在这里，当我第一次单击时，我正在传递一个变量值作为true，在ng-class中，我正在检查一个条件，如果它为true，那么我将附加col xs-6类

下面是我试过的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设置为'col-xs-6‘，在切换时，你必须清除它。