Color Radio

by gogirl

HTML

<div ng-app="">
  <form name="myForm" ng-controller="Ctrl">
    <input ng-repeat="item in items" 
      type="radio" ng-model="color.colorname" value="{{item.color}}">  <br/>
    <tt>color = {{color.colorname}}</tt><br/>
   </form>
</div>

CSS

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

JavaScript

function Ctrl($scope) {
    
  $scope.items = [{ color: "red" },{ color: "green" },{ color: "blue" }]
    
  $scope.color = {
      colorname:'blue'
  };
}