Как проверить только группу ngmodel на шаге мастера в управляемой форме
Привет всем, кто использует шаг мастера, и у меня есть от и внутри него у меня есть ngmodelgroup я хочу проверить только ngmodelgroup, прежде чем перейти к следующему шагу я попробовал это, но это не работает [отключено]="!f.clientgroup.valide"
я работаю с угловой управляемой формой
форма #AgentproForm="ngForm"
ngModelGroup="клиент"
Что я уже пробовал:
<div class="container"> <form #AgentproForm="ngForm" (ngSubmit)="onSubmit(AgentproForm)"> <aw-wizard> <aw-wizard-step [stepId]='0'awOptionalStep> <h1>Information du client</h1> <div ngModelGroup="client"> <div class="row justify-content-start"> <div class="col-md-6"> <div class="form-group"> <label for="name">Nom Complet</label> <input type="text" id="Nom" class="form-control" [(ngModel)]="model.nom_complet" name="Nom" #nom_complet="ngModel" [ngClass]="{ 'is-invalid': nom_complet.touched && nom_complet.invalid }" required /> <div *ngIf="nom_complet.touched && nom_complet.invalid" class="invalid-feedback"> <div *ngIf="nom_complet.errors.required">Le Nom est obligatoire</div> </div> </div> <!- end col --> </div> <!-- end row --> <ul class="list-inline wizard mb-0"> <li class="previous list-inline-item"><button class="btn btn-primary" awPreviousStep type="button">Previous</button> </li> <li class="next list-inline-item float-right"><button class="btn btn-primary" [awGoToStep]="{ stepId: 1 }" (click)="afficherdepot()" type="button" [disabled]="!AgentproForm.client.valid">Stock</button> </li> <li id="exbtn" class="next list-inline-item float-right" style="margin-right: 32px;"><button class="btn btn-primary" [awGoToStep]="{ stepId: 2 }" type="button" [disabled]="!AgentproForm.client.valid" >Externe</button> </li> </ul> </div> <!-- end of ngmodelgroup--> </aw-wizard-step>