如何检查三个输入域中是否至少有一个填充了Angular 7中的内容

在Angular 7中，可以使用以下步骤来检查三个输入域中是否至少有一个填充了内容：

在组件的HTML模板中，给每个输入域绑定相应的ngModel指令，并使用ngModelChange事件监听输入域内容的变化。示例代码如下：

<input [(ngModel)]="input1" (ngModelChange)="checkInputs()">
<input [(ngModel)]="input2" (ngModelChange)="checkInputs()">
<input [(ngModel)]="input3" (ngModelChange)="checkInputs()">

在组件的TypeScript文件中，定义相应的属性和方法。示例代码如下：

input1: string;
input2: string;
input3: string;

checkInputs() {
  if (this.input1 || this.input2 || this.input3) {
    console.log('至少有一个输入域填充了内容');
  } else {
    console.log('三个输入域都没有填充内容');
  }
}

在上述代码中，通过判断input1、input2和input3的值，来确定是否至少有一个输入域填充了内容。

除了以上方法，还可以使用Angular的表单验证功能来检查输入域是否填充内容。可以通过Validators.required验证器来判断输入域是否为必填项。示例代码如下：

<input [(ngModel)]="input1" [ngModelOptions]="{ standalone: true }" [required]="true">
<input [(ngModel)]="input2" [ngModelOptions]="{ standalone: true }" [required]="true">
<input [(ngModel)]="input3" [ngModelOptions]="{ standalone: true }" [required]="true">

在上述代码中，将每个输入域设置为必填项，并使用ngModelOptions的standalone属性确保每个输入域的验证是独立的。然后，可以通过表单的valid属性来判断是否有至少一个输入域填充了内容。

希望以上内容对您有帮助。