3

ng-if を使用して angularJS で null 日付をチェックするように実装する方法は?

HTMLソースコードは

<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="customersCtrl"> 

<table>
    <thead>
        <tr>
            <th>Name</th>
            <th>D.O.B</th>
        </tr>
    </thead>
  <tr ng-repeat="x in names>
    <td>{{ x.Name }}</td>
    <td><span ng-if="x.DOB != null">{{ formatDate(x.DOB) |  date:'dd-MM-yyyy' }}</span></td>
  </tr>
</table>

</div>

<script>
var app = angular.module('myApp', []);
app.controller('customersCtrl', function($scope, $http) {

    $scope.names = [
        { Name: 'Jani', DOB: '' },
        { Name: 'Hege', DOB: '1995-05-07' },
        { Name: 'Kai', DOB: '1995-08-24' }
    ];

    $scope.formatDate = function (date) {
        return new Date(date);
    };

});
</script>

</body>
</html>

ここで、angularJS ng-ifを使用して Date Value is equal to nullまたはNaN-NaN-0NaNを排除したい

上記のソース コードでは、IF 条件を実行していません。

4

2 に答える 2

4

ng-if="x.DOB"空の文字列または未定義はfalseを返すため、使用できます

plnkr

于 2015-12-08T10:17:59.030 に答える
1

これを使用してみてください:

<td>
 <span ng-if="x.DOB != ''">{{ formatDate(x.DOB) |  date:'dd-MM-yyyy' }}
</span>
</td>

DOB= " "; 空の文字列が割り当てられDOB、DOB = null であることを意味します。(null) または「まったく値がない」が割り当てられていることを意味しますDOB

アップデート:

<span ng-if="x.DOB">{{ formatDate(x.DOB) |  date:'dd-MM-yyyy' }}
    </span>
于 2015-12-08T10:15:59.660 に答える