角度を示すdivを表示

Question

私は2つの異なるdivの中に日付と時刻があります。私は2つのチェックボックスを持っています 1.追加 - それは各日付と時刻のもう一つのdivを追加します 2.時間/日付は同じです - それはちょうど日付のdivを追加します。時間divを隠す必要があります。

HTML

<input type="checkbox" ng-click="addMore(keyAdd);" ng-model="keyAdd"> <label for="dateCheck">Add Additional</label> &nbsp; &nbsp; 
<input type="checkbox" ng-model="keyOnlyDate"> <label for="configDate">Time/Place will be the same</label> 

コントローラ

$scope.addMore = function(Attr) { 
    if (Attr && $scope.keyCount <= 2 && $scope.keyOnlyDate == false) { 
     $scope.selects.push({}); 
     $scope.keyCount++; 
     $scope.keyAdd = false; 
     $scope.keyOnlyDate = false; 
    } else if (Attr && $scope.keyCount <= 2 && $scope.keyOnlyDate == true) { 
     $scope.selects.push({}); 
     $(".timePiker").hide(); 
     $scope.keyCount++; 
     $scope.keyAdd = false; 
     $scope.keyOnlyDate = false; 
    } 
} 

私は唯一のインデックス値に基づいてtimePikerを非表示にする必要があります。どうやってするか？

Answer 1

あなたは

ng-show ="expression" 

または

ng-hide ="expression" 

ng-if ="expression" //in this case it will be removed from Dom 

例えば

<input type="checkbox" ng-click="addMore(keyAdd);" ng-model = "keyAdd" > <label for="dateCheck" ng-if ="keyOnlyDate ">Add Additional</label> 

Answer 2

それともNG-クラスを使用することができますを使用することができます。より柔軟性があり、素敵なアニメーションを作成することができるので、たとえば、要素を変換または回転することができるため、ng-classをお勧めします。

ng-class="{'active': expression}"