如果字段未定义，则Angular 6在HTML中显示不适用

Question

我收到来自API调用的返回，我需要用所有结果填充表中的字段。返回具有type属性，但在四种不同结果中，一个没有属性type。

所以在html中，我希望使用{ngfor在表中显示type，因为我已经设置好了，但是由于缺少type的原因，我想将其空白显示N / A或不适用。

我该如何实施？

Answer 1

您可以为此使用||。

<tr *ngFor="let item of items">
    <td>{{ item.type || 'N.A.' }}
</tr>

如果item.type为falsy（空，未定义，0，空字符串等），它将采用第二个值，即字符串'N.A。'。