title: Binding radio button to complex object prevents selected
body: <p>I'm binding my radio buttons to my model like so:</p>
  
  <pre><code>&lt;input type="radio" ng-model="formData.style" ng-value="{{style}}"&gt;
  </code></pre>
  
  <p>Where style being a complex object with multiple properties. This is done within a ng-repeat so I have multiple of those. A style could be like this:</p>
  
  <pre><code>{"name":"kran", "size":"2"}
  </code></pre>
  
  <p>and so on.. I want to bind the complete object to the model so I can later save it for state and retrive it to keep working with it. But when I update the model with a saved "state" the UI does not update to show which radio button is selected. I believe this has to do with binding to a complex object not a simple value, but I'm not really sure.</p>
  
  <p>the style object comes from another array like this:</p>
  
  <pre><code>&lt;div ng-repeat="style in data.styles"&gt;
  </code></pre>
  
  <p>How can I solve this issue?</p>