JSFiddle - React, Tailwind, and code Playground

by asgoth

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.js"></script>
<div ng-controller="Ctrl">
    <select ng-model="select" ng-options="o.value for o in options"></select>
</div>

JavaScript

var app = angular.module('myApp', []);


function Ctrl($scope) {
    $scope.options = [{value: ''}, {value: 'abc'},{value: 'def'}];
    $scope.select = $scope.options[0];
    
    $scope.$watch('select', function(value) {
        if (value && value !== '') {
            if ($scope.options[0].value === '') {
                $scope.options = $scope.options.slice(1);
            }
        }
    }, true);
}