<!DOCTYPE html>
<html>
<head>
<script data-require="angular.js@1.1.5" data-semver="1.1.5" src="http://code.angularjs.org/1.1.5/angular.min.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body ng-app="myApp" ng-controller="myController">
<h2>Option 1</h2>
<form name="myForm">
<select ng-options="color for color in ['red', 'blue', 'yellow']" ng-model="color1">
<option value="" selected>--Please select your color--</option>
</select>
</form>
<h2>Option 2</h2>
<form name="myForm">
<select ng-options="color for color in ['red', 'blue', 'yellow']" ng-model="color2" ng-init="color2='red'">
</select>
</form>
<h3>Debugging...</h3>
Color 1 <pre>{{color1 | json}}</pre>
Color 2 <pre>{{color2 | json}}</pre>
</body>
</html>
var app = angular.module('myApp', [])
app.controller('myController', function($scope){
})
/* Styles go here */