Question

我有一个复选框如下：

<input type="checkbox" name="bacLibre" id="bacLibre" ng-model="bacLibre">

和其他输入如下：

<div id="bacSection" ng-show="!bacLibre">
        <div class="row">
          <div class="form-group col-md-6">
            <label for="regionalScore">
              {{'FME_CANDIDATURE.EDUCATION_INFORMATIONS.REGIONAL_SCORE' | translate}}:
            </label>
            <input type="number" min="0" max="20" step="0.01" name="regionalScore" id="regionalScore" class="form-control input-lg"
                   ng-model="candidature.regionalScore"
                   required>
          </div>

          <div class="form-group col-md-6">
            <label for="bacSecondYearFirstSemScore">
              {{'FME_CANDIDATURE.EDUCATION_INFORMATIONS.BAC_SECOND_YEAR_FIRST_SEM_SCORE' | translate}}:
            </label>
            <input type="number" min="0" max="20" step="0.01" name="bacSecondYearFirstSemScore" id="bacSecondYearFirstSemScore"
                   class="form-control input-lg"
                   ng-model="candidature.bacSecondYearFirstSemScore"
                   required>
          </div>
        </div>
</div>

正如您所看到的那样，当我选中该复选框以将<div id="bacSection">中的所有输入的状态更改为不需要时，我需要所有输入，然后当我取消选中该复选框以进行所有输入时必需的。

我该怎么做？

Answer 1

Angular有一个指令ng-required，在输入上使用带有变化的表达式

<<input type="number" min="0" max="20" step="0.01" name="bacSecondYearFirstSemScore" id="bacSecondYearFirstSemScore" class="form-control input-lg" ng-model="candidature.bacSecondYearFirstSemScore" ng-required='bacLibre'>

根据复选框为输入创建必需的选项

1 个答案: