如何在 AngularJS 中啟用/禁用 html 控件的驗證

Question

我有一個單選按鈕組。 第一個是“孟加拉國境內”，第二個是“孟加拉國境外”。 如果我單擊“孟加拉國境內”，則地址字段（文本框）不需要驗證，但如果我單擊“孟加拉國境外”，則將觸發地址字段所需的驗證。 看我下面的代碼：

<ng-form id="validateReg" name="validateReg">
  <div ng-class="{'has-error': validateReg.chkInside.$invalid}">  
     <label>
           <input type="radio" id="radioInsideBD" required value="1" ng-model="chkInside" name="chkInside" />
           Inside Bangladesh
     </label>
     <label>
           <input type="radio" id="radioOutsideBD" required value="1" ng-model="chkInside" name="chkInside" />
           Outside Bangladesh
     </label>
   </div>
   <div ng-class="{'has-error': validateReg.address.$invalid}"> 
        Address: <textarea type="text" class="form-control" ng-model="address" name="address" id="address"></textarea>
   </div>
</ng-form>

Answer 1

 <div ng-class="{'has-error': (addressRequired ? validateReg.address.$invalid : false)}"> 
        Address: <textarea type="text" class="form-control" ng-model="address" name="address" id="address"></textarea>
   </div>

您應該根據選擇的單選按鈕設置/取消設置addressRequired 。

如果選擇了Inside Bangladesh則將其設置為false或true 。