化妝所需的選項

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

角具有指令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'>