复选框标签不正确用角

Question

工作，我有一个JSON文件类似以下内容：

{ 
    "groups": [ 
     { 
      "id": "4_2_valid", 
      "title": "Valid", 
      "sections": [ 
       { 
        "id": "4_2_section", 
        "fields": [ 
               { 
          "id": "3_1_entertainment_group_0", 
          "title": "Sample title", 
          "info": "Always wrtie \"NA\" ", 
          "type": "text", 
          "size": { 
           "width": 100, 
           "height": 1 
          }, 
          "validations": { 
           "required": true, 
           "min_length": 1 
          } 
         }, 
         { 
          "id": "4_2_yes_no_questions", 
                 "title": "Select title", 
          "type": "checkbox", 
          "info": "Always select \"Yes\"", 
          "size": { 
           "width": 100, 
           "height": 1 
          }, 
          "validations": { 
           "required": true 
          }, 
          "values": [ 
           { 
            "id": 0, 
            "title": "Not Selected" 
           }, 
           { 
            "id": 1, 
            "title": "Yes" 
           }, 
           { 
            "id": 2, 
            "title": "No" 
           } 
          ] 
         }, 
               { 
          "id": "4_2_yes_no_questions", 
                 "title": "Question title", 
          "type": "date", 
          "info": "Write the suitable data", 
          "size": { 
           "width": 100, 
           "height": 1 
          }, 
          "validations": { 
           "required": true 
          } 
         }, 
               { 
          "id": "3_1_entertainment_group_0", 
          "title": "Number Title", 
          "info": "Number Instruction", 
          "type": "number", 
          "size": { 
           "width": 100, 
           "height": 1 
          }, 
          "validations": { 
           "required": true, 
           "min_length": 1 
          } 
         } 
        ] 
       } 
      ] 
     } 
    ] 
} 

我试图用JSON文件的格式进行迭代不同类型的问题，并正确显示它们。我已经配置了其他每个人，但复选框的问题。这里是我有的复选框代码：

 <div class="" ng-repeat="group in groups"> 
      <div class="" ng-repeat="section in group.sections"> 
       <div class="" ng-repeat="field in section.fields"> 
       <div class="form-group" ng-class="{ 'has-error': form.$submitted && form[field.id].$invalid }" ng-if="field.type === 'checkbox'"> 
        <label for="{{field.id}}">{{field.title}}</label> 
        <br> 
        <input type="checkbox" name="{{field.id}}" value="{{field.id}}" ng-options="value as value.title for value in field.values"> 
        <p class="form-group-note" ng-if="field.info" ng-bind="field.info"></p> 

        <div ng-show="form.$submitted" ng-cloack> 
         <span class="help-block" ng-show="form['{{field.id}}'].$error.required" ng-if="field.validations.required">Please enter a value, this field is required</span> 
        </div> 
       </div> 
</div> 
</div> 
</div> 

我认为这应该工作，但它不能正常工作。可能是什么问题呢？

Answer 1

<!--<input type="checkbox" name="{{field.id}}" value="{{field.id}}" ng-options="value as value.title for value in field.values">--> 

<label ng-repeat="value in field.values"><input type="checkbox" name="{{value.id}}" value="{{value.id}}"> {{value.title}}</label> 

我认为你的ng选项的用法是不正确的，如果我这样做改变你的代码，我能够看到输出。