电子邮件验证Angular FormControl中的对象可能为“空”答案

【问题标题】：Object is possibly 'null' in email validation Angular FormControl电子邮件验证Angular FormControl中的对象可能为“空”
【发布时间】：2020-06-03 11:01:16
【问题描述】：

当我 s --aot Object is possibly 'null'. 时收到此消息

我整个上午都在尝试修复它，有什么想法吗？错误发生在<mdb-success *ngIf="email.valid && (email.dirty || email.touched)" class="mt-2">Email valid</mdb-success> email.valid、dirty 等对象上。

 <form class="form-inline md-form form-sm" [formGroup]="validatingForm" (submit)="update(emailInput.value)">
          <input mdbInput mdbValidate type="email" class="form-control form-control-sm mr-3 w-75" placeholder="Enter user's email" aria-label="Search" formControlName="email" #emailInput required />
          <button mdbBtn type="button" color="primary" mdbWavesEffect (click)="update(emailInput.value)">
            <mdb-icon fas icon="search" aria-hidden="true"></mdb-icon>
          </button>
          <mdb-error *ngIf="email.invalid && (email.dirty || email.touched)" class="mt-2">Email invalid</mdb-error>
          <mdb-success *ngIf="email.valid && (email.dirty || email.touched)" class="mt-2">Email valid</mdb-success>
        </form>

ts 代码：

 export class UsersComponent implements OnInit {
      validatingForm: FormGroup;
      token: any;
      userDetails: {};
      hasUsers = false;
      emailValue: string;
      constructor(private crudService: CrudService) {}

      ngOnInit() {
        this.validatingForm = new FormGroup({
          email: new FormControl("", Validators.email)
        });
        this.loginAsAdmin();
      }

      get email() {
        return this.validatingForm.get("email");
      }

【问题讨论】：

*ngIf="email && email.valid && (email.dirty || email.touched)"
或者你可以这样做 *ngIf="email?.valid && (email?.dirty || email?.touched)"

标签： angular typescript mdbootstrap angular-formbuilder

【解决方案1】：

只需 *ngIf="email" 即可解决该错误

【讨论】：

【解决方案2】：

*ngIf="email && email.valid && (email.dirty || email.touched)" @ritaj

【讨论】：