如何检查<td>中的条件

时间:2019-06-08 07:03:47

标签: html angular angular6 angular2-forms

我想检查状态是否为草稿,不需要显示日期。所以日期字段应为“无日期”;其他条件日期应该在

我试图根据状态进行尝试,但没有成功

<td>{{notificationContentObj.status}}</td>
 <td>{{!notificationContentObj.status ? 'no' : notificationContentObj.createdon | date: 'MMM d, y HH:mm' }}</td>

<tbody>
          <tr *ngFor="let notificationContentObj of notificationContentLists;let i = index">
            <td>{{notificationContentObj.contenttitle}}</td>
            <td>{{notificationContentObj.categoryid}}</td>
            <td>{{notificationContentObj.productid}}</td>
            <td>{{notificationContentObj.templatename}}</td>
            <td>{{notificationContentObj.contenttype}}</td>
            <!-- <td>{{notificationContentObj.isactive ? 'Active' : 'Archived'}}</td> -->
            <td>{{notificationContentObj.status}}</td>
            <td>{{!notificationContentObj.scheduledstatus ? 'NO' : 'YES'}}</td>
            <!-- <td>{{notificationContentObj.createdon | date: 'MMM d, y HH:mm' }}</td> -->
            <td>{{!notificationContentObj.status ? 'no' : notificationContentObj.createdon | date: 'MMM d, y HH:mm' }}</td>
          </tr>
        </tbody>

我只需要根据status ='DRAFT'日期应该为空。

2 个答案:

答案 0 :(得分:0)

使用*ngIf语法代替三元运算符。

<td *ngIf="notificationContentObj.status === 'DRAFT'">
  no
</td>
<td *ngIf="notificationContentObj.status !== 'DRAFT'">
  {{notificationContentObj.createdon | date: 'MMM d, y HH:mm'}}
</td>

答案 1 :(得分:0)

您可以使用三元运算符,但请小心在圆括号内加上元素以使其覆盖

{{notificationContentObj.status === 'DRAFT'?
    (notificationContentObj.createdon | date: 'MMM d, y HH:mm'):
    'no date' }}