如何在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。