ng-click如果是true使用ng-class附加一個類

我有一個與切換相同的場景，其中我添加類col-xs-6並將頁面分成兩個視圖。在這裏，當我第一次點擊即時通過一個變量值爲真，並在ng級我檢查條件，如果它的真實然後我附加col-xs-6類ng-click如果是true使用ng-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.

我不知道我要去的地方錯了

任何形式的幫助表示讚賞。

來源

2016-06-30 Shikha thakur

你的控制器代碼是什麼？ –

@ Piyush.kapoor，這裏是我的控制器代碼

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

    }); 
});

來源

2016-06-30 12:29:22

您可以通過下面的代碼

<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爲「關口-xs-6'，並在切換你必須cleat它。

來源

2016-06-30 12:34:08

不起任何作用。它不工作@ Nikhil.Patel –

ng-click如果是true使用ng-class附加一個類

回答

相關問題