Angular 5条件内插

Question

UTQG

您好，

这是现有的一段代码。我想显示 'N/A' if x?.a=== undefined x?.b=== undefined x?.c === undefined。这三个都是字符串。如果其中任何一个有值，它应该显示字符串的值。

这是我想出的一段代码

UTQG

{{ x?.a === undefined && x?.b === undefined && x?.c === undefined ? x?.a + x?.b + x?.c : 'N/A'}}

但在 html 上，当字段有值时显示 NaN，当所有字段都未定义时显示 N/A。

有人可以告诉我我做错了什么吗？

Answer 1

我会在这里选择 ngIf else。当所有元素都为 undefined 时显示带有 N/A 的元素，否则显示所有具有值的属性。像这样：

<p *ngIf="!x?.a && !x?.b && !x?.c; else elseTemplate">
  N/A
</p>

<ng-template #elseTemplate>
  <p>
    {{ x?.a }} {{ x?.b }} {{ x?.c }}
  </p>
</ng-template>

演示：STACKBLITZ

Angular 5条件内插

Angular 5 condition inside interpolation

html

interpolation

conditional-statements

angular

angular5