title: Radio group selected option not updating ngModel value in angular
body: <p>I am new to angularjs and trying to find a solution for the setting a selected value of radio group to the ngmodel.</p>
  
  <pre><code>//my.html     
  
  &lt;div ng-controller='controller'&gt; 
   &lt;div class="btn-group" ng-model="option" ng-repeat="arr in dragDropOption"&gt;
    &lt;input type="radio" name="optionCorrectOpt" data-ng-model="option" 
      value="{{dragDropOption[$index].text}}"&gt;
        {{dragDropOption[$index].text}}
  &lt;/div&gt;
  </code></pre>
  
  <p>and 
       //mycontroller.js</p>
  
  <pre><code> app = angular.module('app', []);
  
   app.controller('controller', function ($scope) {
   $scope.dragDropOption = [];
   $scope.option = "not set";
  
   $scope.dragDropOption = [{
       text: "analog"
   }, {
       text: "isdn"
   }, {
       text: "dsl"
   }];
   //   $scope.option = $scope.dragDropOption[0].text;
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/vR2s6/" rel="nofollow" title="this text appears when you mouse over">My fiddle is  here</a>!</p>
  
  <p>Might be it is repeated question, please help me with sharing already answerd stackoverflow question's link or new answer. Thanks in advance.</p>