2017-12-14 7 views
1

を使用して、変数の日付を表示したい場合は{{userDate | date:'dd:MM:yyyy'}}変数の値をチェックする{{userDate? userDate: 'Not Available'}}これは、userDateが存在する場合はその値を表示するか、それ以外の場合は表示しないことを意味します。
userDataの値が存在するかどうかをチェックしたいのですが、
日付をdd-mm-yyyyの形式で表示し、変数の値がnullかtrueかどうかをチェックして、anglejsデータバインディングの

<html> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> 
 
<body> 
 

 
<div ng-app="myApp" ng-controller="myCtrl"> 
 
<input type="date" ng-model="userDate"> 
 
<div style="border: 1px solid blue"> 
 
    <p>Date: {{userDate? userDate:'Date not entered' }}</p> 
 
    <p>This is default stored date</p> 
 
    </div> 
 
    <div style="border: 1px solid blue"> 
 
    <p>Date: {{userDate | date:'dd:mm:yyyy'}}</p> 
 
    <p>This is formatted date</p> 
 
    </div> 
 
</div> 
 

 
<script> 
 
var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope) { 
 
    $scope.userDate = ''; 
 
    
 
}); 
 
</script> 
 

 
<p>I want the formatted date when th userDate variable has some date if not display not available.</p> 
 

 
</body> 
 
</html>
例えば以下のコードをチェックできません表示私が欲しいもの

答えて

1

のuserdata値をチェックすることです、それがある場合、私は、日付形式、他のディスプレイに表示したくありかではありません使用できません

私は右のあなたを理解していれば、あなたは書くことができます以下のように:

<p>Date: {{userDate? (userDate | date:'dd:mm:yyyy'):'Date not entered' }}</p> 

Demo Fiddle

+0

ありがとうございます.. –

関連する問題