Wie ein div verstecken, wenn der andere ein aktiv ist

Question

ich den aktuellen Tag zeigt als Standard haben und ein anderes Datum nach dem durch den Benutzer, ist

Meine Frage ausgewählt Angezeigt: wie kann ich TodayDate div verstecken, nachdem der Benutzer eine Auswahl Datum in activeDate.

so im Grunde möchte ich ein Datum zu verbergen und das neue Datum ausgewählt zeigen.

html:

<div>: {{TodayDate | date:"dd-MM-yyyy"}} </div> 
<h4 class="pull-left" ng-show="activeDate"> 
    Active date: <span>{{activeDate}}</span> 
</h4> 

Winkel:

function link($scope, $element) { 
     var $datepicker = $element.find('.date-picker').datepicker(); 
     $scope.TodayDate = new Date(); 
     $scope.activeDate = ''; 
     $datepicker.change(function() { 
     $scope.activeDate = $(this).find('input').val(); 

     $scope.$apply(); 
     }); 
    } 

Answer 1

<div ng-hide="activeDate">: {{TodayDate | date:"dd-MM-yyyy"}} </div> 
<h4 class="pull-left" ng-show="activeDate"> 
    Active date: <span>{{activeDate}}</span> 
</h4> 

ist es das, was Sie brauchen? hide TodayDate Div, wenn activeDate gefunden wird.

Answer 2

Html,

<div ng-hide="date">: {{TodayDate | date:"dd-MM-yyyy"}} </div> 
<h4 class="pull-left" ng-show="date"> 
    Active date: <span>{{activeDate}}</span> 
</h4> 

Angular Code,

function link($scope, $element) { 
     var $datepicker = $element.find('.date-picker').datepicker(); 
     $scope.TodayDate = new Date(); 
     $scope.activeDate = ''; 
     $scope.date = false; 
     $datepicker.change(function() { 
     $scope.activeDate = $(this).find('input').val(); 
     $scope.date = true; 
     // Because the datepicker change happens outside of the Angular digest, 
     // we need to call the apply method 
     $scope.$apply(); 
     }); 
    } 

Added eine Variable $scope.data zeigen und verstecken zu verwalten.