angular - 角常春藤，模板局部变量错误：对象可能为“空”

Question

我收到消息错误：“对象可能为‘空’”。在行中modal.customWidth.extra_large

我的代码是：

<app-modal
      #modal
      [active]="hasCurrentProduct$ | async"
      [modalWidth]="modal.customWidth.extra_large">

标签： angular

Answer 1

在访问它们的属性之前，您需要检查它modal并且customWidth不为空。

更改modal.customWidth.extra_large为modal?.customWidth?.extra_large