在Angular中，使用响应式表单可以避免空值检查的问题。下面是一个示例解决方法：

1. 首先，导入所需的模块和类：

import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';

2. 在组件类中定义一个响应式表单：

@Component({
  selector: 'app-my-form',
  templateUrl: './my-form.component.html',
  styleUrls: ['./my-form.component.css']
})
export class MyFormComponent implements OnInit {
  myForm: FormGroup;

  constructor(private formBuilder: FormBuilder) { }

  ngOnInit() {
    this.myForm = this.formBuilder.group({
      name: ['', Validators.required],
      email: ['', [Validators.required, Validators.email]],
      age: ['', Validators.required],
    });
  }
}

3. 在模板中使用响应式表单：

  

    Name:
    
    

      Name is required.
    
  

  

    Email:
    
    

      Email is required and must be a valid email address.
    
  

  

    Age:
    
    

      Age is required.
    
  

  Submit

在上述示例中，我们使用FormBuilder创建了一个名为myForm的响应式表单，并应用了一些验证规则。在模板中，我们使用了formGroup和formControlName指令来绑定表单控件和表单组。

通过使用myForm.get('name').invalid和myForm.get('name').touched，我们可以检查表单控件是否为无效状态和是否已被触摸。如果是，则显示相应的错误消息。

最后，我们使用[disabled]="myForm.invalid"来禁用提交按钮，如果表单无效（即有任何无效的控件），则禁用按钮，防止用户提交表单。