如何在视图中隐藏空日期[0001-01-01T00:00:00]的值?

时间:2018-01-09 09:03:08

标签: html html5 angular

View

在我的经理中,我将null值设置为date.but在视图中它显示了一些值。我需要隐藏该日期值。我试过如果创建的日期为null,我显示空数据。但它随附一些价值

HTML

<ng-template #tmplt>
    <tr *ngFor="let manage of managecontent; let i =index">
        <td>{{manage.CategorytypeName}}</td>
        <td>{{manage.CreatedBy}}</td>
        <td *ngIf="manage.CreatedDate!=null">{{manage.CreatedDate}}</td>
        <td *ngIf="manage.CreatedDate == null"></td>
        <td *ngIf="manage.DocumentDetails!=null">{{manage.DocumentDetails.DocName}}</td>
        <td *ngIf="manage.DocumentDetails==null"></td>
        <td>
            <app-file-upload [documentModel]="manage.DocumentDetails" [isMultipleFile]="true" [model]="manage" (emitterFile)="fileSelect($event)"></app-file-upload>
        </td>
    </tr>
</ng-template>

2 个答案:

答案 0 :(得分:0)

首先,你应该像这样使用* ngIf。

<td *ngIf="!manage.CreatedDate">{{manage.CreatedDate}}</td>

其次,您应该为日期使用时间戳或日期对象。不是字符串。

第三,一旦用对象或时间戳管理日期,就可以轻松测试它们:要么它们具有值null,要么它们的值是Unix时间的开始(将时间戳设置为等于零)。在这两种情况下,这些都是 falsy 值,你可以按我在答案的第一点告诉你的那样进行测试。

答案 1 :(得分:0)

也许是这样

<td *ngIf="!manage.CreatedDate; else elseBlock">{{manage.CreatedDate}}</td>
<ng-template #elseBlock> - </ng-template>