Question

我想显示一个日期。但有时，该完成日期值不确定/为空。

我怎么说在表上写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

使用三元运算符，将过滤器包装在 truthy 条件下。这是一个演示：

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语句，因为这是一个虚假的值）

如果值null，则执行某些操作

2 个答案: