如何在驱动形式的向导步骤中仅验证 ngmodel 组

Question

你好，每个人都使用向导步骤，我有一个 from 和里面我有 ngmodelgroup 我想在进入下一步之前只验证 ngmodelgroup 我试过这个但它不起作用 [disabled]="!AgentproForm.clientgroup.valide"我正在使用角度驱动形式

表单#AgentproForm="ngForm" ngModelGroup="clientgroup"

我尝试过的：

<div class="container">
 <form #AgentproForm="ngForm" (ngSubmit)="onSubmit(AgentproForm)">
  <aw-wizard>
   <aw-wizard-step [stepId]='0'awOptionalStep>
    <h1>Information du client</h1>
    <div ngModelGroup="clientgroup">
     <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.clientgroup.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.clientgroup.valid">
         Externe
        </button>
       </li>
      </ul>
     </div>
     <!-- end of ngmodelgroup-->
</aw-wizard-step>