如果未选择任何选项,则在angular中禁用nb步进器按钮

efzxgjgh  于 2021-08-20  发布在  Java
关注(0)|答案(0)|浏览(227)

我是angular的初学者,我有一个步进器,如果我的nb select中没有选择任何选项,我想禁用步进器旁边的按钮
我尝试使用[disabled]=“indicatorform.invalid”,但没有成功。
这是源代码,非常感谢您的帮助。

<nb-step label="Indicateurs">
        <form  #indicatorForm = "ngForm" class="step-container">
          <div class="row">
            <div class="col">
              <div class="form-group">
                <label for="field_occupation" class="label">Indicators</label>
                <nb-select
                  [multiple]="true"
                  [fullWidth]="true"
                  id="field_occupation"
                  placeholder="occupation"
                  class="input-full-width size-medium status-basic shape-rectangle nb-transition"
                  required
                >
                  <nb-option *ngFor="let indicator of indicators" [value]="indicator?.indicator">{{ indicator?.indicator }}</nb-option>
                </nb-select>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-sm-6">
              <button nbButton fullWidth nbStepperPrevious>Retour</button>
            </div>
            <div class="col-sm-6">
              <button nbButton fullWidth nbStepperNext>Suivant</button>
            </div>
          </div>
        </form>
      </nb-step>

暂无答案!

目前还没有任何答案,快来回答吧!

相关问题