Angular 2 : use pipe to replace undefined value by zero

Question

我有一个值var_all的数组，其中包含一些数字变量，这些数字变量可能会或可能不会可用。

我正在使用以下代码创建一组显示值的框。框不变:

<div id="box1">My variable one: {{var_all?.var_one}} </div>
<div id="box2">My variable two: {{var_all?.var_two}} </div>
<div id="box3">My variable three: {{var_all?.var_three}} </div>

当该元素不可用时，将不填充该框。

在这种情况下，我希望显示一个零值而不是什么。

有没有办法使用管道来做到这一点？
或者使用js函数创建一个填充零的元素更好。

Answer 1

你真的不需要 pipe

这更加灵活，您可以轻松地用其他任何内容替换"0"

{{var_all?.var_one || "0"}}

对于此空检查的每一项，您都不想实例化管道并为其运行函数。