如何以条件作为值来管理ngIf内部未定义的值？

Question

我有一个页面，其中显示订单中包含的产品列表，以及一个用于添加更多产品的按钮。我必须保留这个结构，当我打开现有订单时，它运行得非常好。但是，当我尝试创建新订单时，

ngIf

内的条件是

undefined

，因此检查失败。

处理这种情况的最佳方法是什么，以使值

products

的定义永远不会失败，或者是否有更好的方法？无论如何，我怎样才能做到即使订单没有

products

（或者它们是

undefined

），

div

仍然会显示？

<div
  *ngIf="
    order
      | map: 'product'
      | products
      | ngrxPush as products
  "
>
<!-- Order info -->
</div>

Answer 1

只需在状况良好的情况下使用安全导航操作器

?

即可；它将处理未定义的值。

<div *ngIf="order?.products | products | ngrxPush as products">
  <!-- Order info -->
</div>