Динамическая кнопка AngularJs Динамическая Требуется/Не требуется

Question

Я создаю CMS, который позволяет добавлять все виды полей формы, одним из которых является переключатель.

Я разрешаю пользователю указать, требуется или не требуется радиокнопка. Если это необходимо, пользователю необходимо выбрать радиокнопку, иначе появится сообщение.

Проблема в том, что я не смог получить валидацию для работы. То есть data-ng-required.

<div class="radio" data-ng-repeat="option in formField.options"> 
    <label> 
     <input type="radio" 
      data-ng-attr-id="{{formField.fieldId}}" 
      name="{{formField.fieldId}}" 
      value="{{option}}" 
      data-ng-model="pageForm.dynamicFormField[formField.fieldId]" 
      data-ng-required={{formField.required}}> 
     {{option}} 
    </label> 
</div> 

<!-- messages --> 
<span class="help-block" 
     data-ng-show="_pageForm[formField.fieldId].$error.required && formSubmitted.pageForm">{{formField.labelDisplayText}} is required 
</span> 

Answer 1

<div class="radio" data-ng-repeat="option in formField.options"> 
    <label> 
     <input type="radio" 
      data-ng-attr-id="{{formField.fieldId}}" 
      name="{{formField.fieldId}}" 
      value="{{option}}" 
      data-ng-required="formField.mandatoryField === true ? !pageForm.dynamicFormField[formField.fieldId] : false" 
      data-ng-model="pageForm.dynamicFormField[formField.fieldId]"> 
     {{option}} 
    </label> 
</div> 

<!-- messages --> 
<span class="help-block" 
     data-ng-show="_pageForm[formField.fieldId].$error.required && formSubmitted.pageForm">{{formField.labelDisplayText}} is required 
</span>