Javascript ng如果为true，请单击使用ng类附加类

我有一个与toggle相同的场景，在这里我附加了col-xs-6类，并将页面划分为两个视图。 在这里，当我第一次单击时，我将变量值作为true传递，在ng类中，我检查一个条件，如果它为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>

{{candidateInfo.name}
{{candidateInfo.name}简历

知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。

我不知道我哪里出错了

---

非常感谢您的帮助。

@piyus.kapoor，这是我的控制器代码

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

    });
});

---

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

<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”，在“切换”中，您必须将其删除。

您的控制器代码是什么？没有任何效果。它不起作用@Nikhil.Patel

<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>