title: Angularjs: radio button checked
body: <p>I'm trying to build a color configurator in AngularJS using radio buttons and everything seems to be working, the data binds, etc... but <strong>I'm not able to set the default color radio button checked</strong>. As I see in the docs if the ng-model is the same as the radio value the input should be auto-checked but I don't know if this only work for strings and not for objects. </p>
  
  <p>This is the HTML:</p>
  
  <pre><code>&lt;div ng-app ng-controller="ThingControl"&gt;
      &lt;ul &gt;
          &lt;li ng-repeat="color in colors"&gt;
              &lt;input type="radio" ng-model="thing.color" value="{{color}}" /&gt;{{ color.name }}
          &lt;/li&gt;
      &lt;/ul&gt;
      Preview: {{ thing }}
  &lt;/div&gt; 
  </code></pre>
  
  <p>And this is the JS:</p>
  
  <pre><code>function ThingControl($scope){
      $scope.colors = [
          { name: "White", hex: "#ffffff"},
          { name: "Black", hex: "#000000"}
          ]
  
      $scope.thing = {
          color: $scope.colors[1]
      }
  
  }
  </code></pre>
  
  <p>You can see the previous example in this fiddle: 
  <a href="http://jsfiddle.net/xWWwT/1/" rel="noreferrer">http://jsfiddle.net/xWWwT/1/</a></p>
  
  <p>Thanks very much in advance!</p>