javascript - 如何为 [(ngModel)] 分配一个空/空/ undefined object ？ Angular 4

Question

我想将我的 .html 代码中的 [(ngModel)] 分配给一个空对象(null 或未定义)，但它给出了 的错误_co.object 为空。
有两种情况，第一种是我的对象有值(value)，第二种没有。第一种情况 ngModel 工作正常，但是当涉及到第二种情况时，它会给出为空的错误。我尝试使用 elvis(?) 运算符，但无济于事。
问题解决了!!谢谢大家
我的 .ts 页面

profile: Profile = {

          fullName: '',
          email: '',
          address: '', 
      };

我的 .html 页面

<ion-item>
  <ion-label>Full Name:</ion-label>
  <ion-input [(ngModel)]="profile.fullName"></ion-input>
</ion-item>

错误类型错误:“_co.profile 为空”

Answer 1

您始终需要确保获取对象的属性。或者在 future 你可能会遇到意想不到的问题。
要么使用 ngIf

<ion-item *ngIf="profile">
  <ion-label>Full Name:</ion-label>
  <ion-input [(ngModel)]="profile.fullName"></ion-input>
</ion-item>

或使其可选

<ion-item>
  <ion-label>Full Name:</ion-label>
  <ion-input [(ngModel)]="profile?.fullName"></ion-input>
</ion-item>

如果你有编译错误，当使用可选链时，你需要将属性和事件竞价分开

<ion-item>
  <ion-label>Full Name:</ion-label>
  <ion-input [ngModel]="profile.fullName" (ngModelChange)="profile?.fullName = $event"></ion-input>
</ion-item>