title: Bind ng-models in input type checkbox
body: <p>I have a problem when binding ng-models with ng-repeat in a input tag type checkbox.
  I will first attach my code and then explain more in detail.</p>
  
  <p>app/main.html:</p>
  
  <pre><code>&lt;div ng-repeat="feature in features"&gt;
     &lt;input type="checkbox" ng-model="features[$index].name"&gt;{{features[$index].name}}
  &lt;/div&gt;
  &lt;br&gt;&lt;/br&gt;
    &lt;div class="highlighter"&gt;
       &lt;span ng-class="{emo:Emotions}"&gt;Manually&lt;/span&gt; &lt;span ng-class="{feel:Feelings}"&gt;create&lt;/span&gt; the &lt;span ng-class="{emo:Emotions}"&gt;entire&lt;/span&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>main.js</p>
  
  <pre><code>angular.module('webClientApp')
      .controller('MainCtrl', function ($scope,$http) {
  
         [...other variables...]
  
         $scope.features = [{'name':'Emotions'},{'name':'Feelings'}];
  
  [...other parts of code]
  });
  </code></pre>
  
  <p>Let's also assume that in the main.css file there are references to the classes <code>.emo' and</code>.feel' respectively to highlight the target word when the user ticks the box relative to the feature.</p>
  
  <p>Now, the application works correctly when I listed all the inputs one by one like the following:</p>
  
  <pre><code>&lt;input type="checkbox" ng-model="Emotions"&gt;Emotions
  &lt;input type="checkbox" ng-model="Feelings"&gt;Feelings
  </code></pre>
  
  <p>but I wanted to wrap it into an ng-repeat and list the features in the controller scope, since the features I will considered will be more. When I try the code above when I tick on the box the name changes to `true'.</p>
  
  <p>I have read a lot about how to bind models to an ng-repeat inside a input tag but none of the solutions apply to my case.
  Can someone please help me?</p>