Как можно сократить условие ngIf, если меняется только одной свойство в условии?

Question

[OlyaSoz]

Есть такое условие, но оно очень большое и всегда повторяется только одно свойство: firstName

<span *ngIf="registrationForm.controls.firstName.errors && registrationForm.controls.firstName.errors.required && registrationForm.controls.firstName.touched" class="clr-subtext">This field is required</span>

Этот кусок аналогичен куску выше, но уже с другим свойством: email

<span *ngIf="registrationForm.controls.email.errors && registrationForm.controls.email.errors.required && registrationForm.controls.email.touched" class="clr-subtext">This field is required</span>

Answer 1

[YamalievDR]

isFieldRequired(field: string): boolean {
    const control = this.registrationForm.controls[field];
    return control.errors && control.errors.required && control.touched;
}

Comments

[Ivan Stroykin]

Вы предлагаете в каждом компоненте где имеется форма с валидацией - дублировать данную конструкцию?

[Stopy]

Ivan Stroykin, если хотите создайте util компонент, который будет инжектиться и будет только этим и заниматься