JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app='MyModule' ng-controller="MyController">
    <select ng-model="colour">
        <option value="" ng-selected ="true">--Select Client--</option>
        <option ng-value="c.id" ng-selected="c.id==11"
                ng-repeat="c in colors">{{c.name + ' ' + c.shade}}</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'}
    ];
});