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>

AngularJs单选按钮动态需要/不需要

1 个答案: