title: Bind a single ng-model for 2 ng-repeat in Angular Radio button
body: <p>I have two different lists, which I need to display as a single list on a page and show as a radio items in a screen. How to identify the ng-model and selected values if no element is chosen or by default if user selects the default value.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script&gt;
     angular.module('valueExample', [])
       .controller('ExampleController', ['$scope', function($scope) {
         $scope.names = ['pizza', 'unicorns', 'robots'];
         $scope.my = { favorite: 'unicorns' };
       }]);
  &lt;/script&gt;
   &lt;form ng-controller="ExampleController"&gt;
     &lt;h2&gt;Which is your favorite?&lt;/h2&gt;
       &lt;label ng-repeat="name in names" for="{{name}}"&gt;
         {{name}}
         &lt;input type="radio"
                ng-model="my.favorite"
                ng-value="name"
                id="{{name}}"
                name="favorite"&gt;
       &lt;/label&gt;
     &lt;label ng-repeat="name in names2" for="{{name}}"&gt;
         {{name}}
         &lt;input type="radio"
                ng-model="my.favorite"
                ng-value="name"
                id="{{name}}"
                name="favorite"&gt;
       &lt;/label&gt;
     &lt;div&gt;You chose {{my.favorite}}&lt;/div&gt;
   &lt;/form&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>names and names2 are 2 list items, which i want to display on single screen</p>