Кнопка отключения Angular4, если json-schema-form недопустима

Question

У меня есть форма регистрации, созданная с использованием более 1 json-schema-form.

У меня есть основные детали, где участник должен заполнить, и у меня есть 2 частичные формы, которые являются динамическими. Эти 2 формы появятся только в том случае, если администратор установил параметры формы.

     <div class="registration-form">
       <json-schema-form [model]="participantEventInfo" [schema]="json_custom_form" (isValid)="isEventFormValid($event)" (onChanges)="updateParticipantEventInfo($event)"></json-schema-form>
       <json-schema-form [model]="participantTixInfo" [schema]="json_tix_custom_form" (onChanges)="updateParticipantTixInfo($event)" (isValid)="isTixFormValid($event)"></json-schema-form>
       <button type="submit" [disabled]="!participantEventInfo.isValid && !participantTixInfo.isValid" (click)="updateEventandTixInfoRegistration()">Update</button>
     </div>

Итак, теперь у меня есть 2 json-schema-form, одна для информации о событии, другая для информации о билетах. Я хотел бы отключить кнопку отправки, поэтому в моей кнопке отправки я хочу отключить кнопку, либо форма схемы не заполнена. Однако, исходя из моего кода, даже если я заполняю все поля формы, кнопка всегда отключена. Я правильно делаю отключающую часть?

Благодарю.

Answer 1

Попробуйте проверить эти два и отключить кнопку

<button type="submit" [disabled]="!checkForm()" click)="updateEventandTixInfoRegistration()">Update</button>

checkForm(){
    if(document.forms[0].checkValidity() && document.forms[1].checkValidity()){
        return true;
    }
    else{
        return false;
    }
}