title: Checkbox tag not working properly in Anuglar jS
body: <p>I'm building a web app which has a form with many different types of questions. Now, I'm suffering with checkbox type of questions.</p>
  
  <p>Here is the view:</p>
  
  <pre><code>            &lt;div class="form-group" ng-class="{ 'has-error': form.$submitted &amp;&amp; form[field.id].$invalid }" ng-if="field.type === 'checkbox'"&gt;
                  &lt;label for="{{field.id}}"&gt;{{field.title}}&lt;/label&gt;
                  &lt;br&gt;
                  &lt;label ng-repeat="value in field.values"&gt;&lt;input type="checkbox" id="{{field.id}}" name="field.id" ng-model="formData[field.id]"&gt; {{value.title}}&lt;/label&gt;
                  &lt;p class="form-group-note" ng-if="field.info" ng-bind="field.info"&gt;&lt;/p&gt;
  
                  &lt;div ng-show="form.$submitted" ng-cloack&gt;
                      &lt;span class="help-block" ng-show="form['{{field.id}}'].$error.required" ng-if="field.validations.required"&gt;Please enter a value, this field is required&lt;/span&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>Here is a JSON I'm rendering:</p>
  
  <pre><code>{
                          "id": "4_6_yes_no_question",
                          "title": "6. Do you qualify for this?",
                          "type": "checkbox",
                          "info": "If yes, check yes",
                          "size": {
                              "width": 100,
                              "height": 1
                          },
                          "validations": {
                              "required": true
                          },
                          "values": [
                              {
                                  "id": 0,
                                  "title": "Not Selected"
                              },
                              {
                                  "id": 1,
                                  "title": "Yes"
                              },
                              {
                                  "id": 2,
                                  "title": "No"
                              }
                          ]
                      }
  </code></pre>
  
  <p>When my view is shown, it shows 3 checkboxes with different titles(not selected, yes, no). The problem is that when a user selects one of the boxes, it selects all. And the data being saved to localStorage is only true or false. Is it possible to save as the tile I have in JSON?</p>