как использовать требуемую проверку в раскрывающемся списке PrimeNG и form.invalid в кнопке

#angular

#angular

Вопрос:

 <form #form="ngForm" (ngSubmit)="onClrSentSubmit()">
<div class="form-group">
    <label for="CLRFN_TYPE_DESC">CLRFN_TYPE_DESC</label>
    <div>
        <p-dropdown [options]="clrfnTypeList" required="true" id="CLRFN_REQ_drop" #CLRFN_REQ_drop="ngModel"
            name="CLRFN_REQ_drop" [showTransitionOptions]="'200ms'" [hideTransitionOptions]="'200ms'"
            optionLabel="name" [(ngModel)]="selected_clrfn_sent" [ngModelOptions]="{ standalone: true }"></p-dropdown>
        </p-dropdown>
    </div>
    
    <div class="form-group">
        <label for="CLRFN_REQUIRED">CLRFN_REQUIRED</label>
        <input type="text" pInputText id="CLRFN_REQUIRED" required minlength="4" maxlength="240"
            [(ngModel)]="bomhdr_clrfn_sent_value.CLRFN_REQUIRED" #CLRFN_REQUIRED="ngModel" name="CLRFN_REQUIRED"
            class="form-control" />
    </div>

    <div class="form-group">
        <div class="ui-dialog-buttonpane ui-helper-clearfix">
            <button type="submit" pButton [disabled]="form.invalid" icon="pi pi-check" label="Save"></button>
        </div>
    </div>
</form>
  

я хочу, чтобы кнопка включалась только тогда, когда пользователь вводит значение для выпадающего списка и вводит поле ввода значения…

проблема в том, что кнопка была включена после того, как пользователь ввел значение для поля ввода без выбора выпадающего списка..

требуемая проверка не работала для выпадающего списка..

Спасибо

Комментарии:

1. похоже, у вас нет надлежащих проверок в форме.

2. это форма, управляемая шаблоном, а не реактивная форма