在角度顯示/隱藏div

我有兩個不同的div內的日期和時間。我有兩個複選框 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。怎麼做？

來源

2016-09-02 sav vv

你在說什麼指數值？ – Lihini

請向我們展示您的完整代碼/ jsfiddle以瞭解確切的問題以幫助您 –

可以使用例如

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

來源

2016-09-02 06:30:49

ng-show ="expression"

或

ng-hide ="expression" 

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

或者你可以使用納克級。我推薦ng-class，因爲你更靈活，你可以用它創建漂亮的動畫，例如你可以轉換或旋轉元素。

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

來源

2016-09-02 06:34:03

在角度顯示/隱藏div

回答

相關問題