JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-controller="OptionsController">
    <select ng-model="myColor">
        <option ng-repeat="c in colors" ng-disabled="c.shade=='dark'" value="{{$index}}">
            {{c.name}}
        </option>
    </select>
</div>

JavaScript

angular.module('myApp', [])

    function OptionsController($scope, $timeout) {
        $scope.colors = [
          {name:'black', shade:'dark'},
          {name:'white', shade:'light'},
          {name:'red', shade:'dark'},
          {name:'blue', shade:'dark'},
          {name:'yellow', shade:'light'}
        ];
        $timeout(function() {
            $scope.myColor = 4; // Yellow
        });
    }