如何检查三个输入字段中的至少一个是否用Angular 7中的内容填充

Question

我正在开发带有angular 7和bootstrap的Web客户端。在我的起始页上，我有一个包含三个输入字段的表单组和一个提交按钮，直到三个字段中的至少一个从用户那里获取一些输入数据之前，该提交按钮都将被禁用。我该如何实现？

Answer 1

您的html文件。

<div class="row">
<div class="col-6">
    <input type="text" name="Aktenzeichen" [(ngModel)]="Aktenzeichen">
    <input type="number" name="Edvnumber" [(ngModel)]="Edvnumber">
    <input type="number" name="Dienstelle" [(ngModel)]="Dienstelle">
    <button type="button" *ngIf="Aktenzeichen ||  Edvnumber || Dienstelle"> Suche starten</button>
    <button type="button" *ngIf="Aktenzeichen ||  Edvnumber || Dienstelle"> Neue Suche</button>
</div>

您的.ts文件：

 import { Component, OnInit } from '@angular/core';


 @Component({
 selector: 'app-page',
 templateUrl: './login.component.html',
 styleUrls: ['./login.component.css']
 })
 export class PageComponent implements OnInit {
 Aktenzeichen:string;
 Edvnumber:number;
 Edvnumber:any;
 constructor() { }

 ngOnInit() {
   }
 }