JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app='MyModule' ng-controller="MyController">
    <select ng-model="colour" ng-options="c.id as c.name for c in colors" options-disabled="c.id == 32 for c in colors">>
    <option value="">--Select Colour--</option>
    </select>
    
    <p>You have selected colour: {{colour}}</p>
</div>

JavaScript

angular.module('MyModule', [])

.controller('MyController', function( $scope ) {
    
    $scope.colors = [
        {id: 11, name: 'black', shade: 'dark'},
        {id: 22, name: 'white', shade: 'light'},
        {id: 32, name: 'red', shade: 'dark'},
        {id: 44, name: 'blue', shade: 'dark'},
        {id: 5, name: 'yellow', shade: 'light'}
    ];
});