title: How to pre-select radio buttons in angularjs
body: <p>When my model value is <code>true</code> then I want the radio buttons to be selected when loaded, but its happening the otherway around. All <code>false</code> models are getting selected. How do fix this.</p>
  
  <p><a href="http://plnkr.co/edit/DIYm4vBM3srdS61K6EPA?p=preview" rel="nofollow">http://plnkr.co/edit/DIYm4vBM3srdS61K6EPA?p=preview</a></p>
  
  <pre><code>angular.module('radioExample', [])
        .controller('ExampleController', ['$scope',
          function($scope) {
            $scope.kind = [{
              name: 'task',
              selected: false
            }, {
              name: 'bug',
              selected: false
            }, {
              name: 'other',
              selected: true
            }, {
              name: 'rfe',
              selected: false
            }]
            $scope.$watch('kind', function() {
              console.log('changed', JSON.stringify($scope.kind, null, 2))
            }, true)
  
          }
        ]);
  </code></pre>