AngularJS Example

by Bretto

HTML

<div ng-app="">
  <form name="myForm" ng-controller="Ctrl">
    <div ng-repeat="color in ctrl.colors">
      <input type="radio" ng-model="ctrl.selectedIndex" name="selectedIndex" value="{{$index}}">{{color}}<br/>
    </div>
    <tt>selectedIndex = {{ctrl.selectedIndex}}</tt><br/>
  </form>
</div>

CSS

</style> <!-- Ugly Hack due to jsFiddle issue: http://goo.gl/BUfGZ --> 
<script src="http://docs.angularjs.org/angular-1.0.0rc8.min.js"></script>
<style>
.ng-invalid { border: 1px solid red; }

JavaScript

function Ctrl($scope) {
    $scope.ctrl = this;
    
    this.colors = ['blue', 'green', 'red'];
    this.selectedIndex = 2;
}