Как проверить, заполнено ли хотя бы одно из трех полей ввода в Angular 7

Question

Я занимаюсь разработкой веб-клиента с angular 7 и начальной загрузкой.На моей стартовой странице у меня есть группа форм с тремя полями ввода и кнопкой отправки, которая должна быть отключена, пока хотя бы одно из трех полей не получит некоторые входные данные от пользователя.Как мне этого добиться?

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() {
   }
 }