JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app='MyModule' ng-controller="MyController">
    <select ng-model="" ng-options="c.name as (c.id + ' ' + c.shade) for c in colors" style="background-color:{{colour}}">
        <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'}
    ];
});