title: AngularJS: Make ng-model available outside of ng-repeat
body: <p>In my AngularJS app, I am looping through an array object and send the value to a radio input as value. The overall idea is that the user selects a radio box and the value with be back part of $routeParams. <strong>Unfortunately, the variable <code>{{ modelSelected }}</code> does not seemed to be available outside of the ng-repeat. Why?</strong> The first  never shows the variable <code>{{ modelSelected }}</code>.</p>
  
  <p>Does AngularJS creates a ScopeChild within the ng-repeat?</p>
  
  <p><a href="http://jsfiddle.net/neurix/v0ocLmrf/" rel="nofollow">Link to my jsfiddle example</a></p>
  
  <pre><code>&lt;html ng-app&gt;
      &lt;body ng-init="models = [{name:'Sam'},{name:'Harry'},{name:'Sally'}]"&gt;
          &lt;h3&gt; Selected {{ modelSelected }} shown outside paragraph&lt;/h3&gt;
  
          &lt;div ng-repeat="model in models"&gt;
              &lt;p&gt;{{ model.name }} -
                  &lt;input ng-model="modelSelected" type="radio" name="patient" value="{{ model.name }}" required&gt;
              &lt;/p&gt;
               &lt;h3&gt; Selected {{ modelSelected }} shown inside paragraph&lt;/h3&gt;
  
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>