如果值null，則執行某些操作

Question

我想顯示一個日期。 但有時，該完成日期值不確定/為空。

我怎么說如果null在表上寫No Date ？ 避免混亂的HTML的正確方法是什么？

<td>{{ticket.COMPLETION_DATE | date:'yyyy-MM-dd HH:mm:ss'}}</td>

Answer 1

可以用ng-if替代。 不知道這是否滿足您的需求，但不要太凌亂。

<td ng-if="ticket.COMPLETION_DATE">{{ticket.COMPLETION_DATE | date:'yyyy-MM-dd HH:mm:ss'}}</td>
<td ng-if="!ticket.COMPLETION_DATE">No Date</td>

Answer 2

使用三元運算符，並將過濾器包裝在真實條件下。 這是一個演示：

 var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) { $scope.t = new Date(); $scope.t2 = null; }); 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script> <div ng-app="myApp" ng-controller="myCtrl"> <span>{{t ? (t | date:'yyyy-MM-dd HH:mm:ss') : 'No Date'}}</span> <hr> <span>{{t2 ? (t2 | date:'yyyy-MM-dd HH:mm:ss') : 'No Date'}}</span> </div> 

（如果您想接受0 ， 則可能需要更復雜的if語句 ，因為它是虛假的值）