JSFiddle - React, Tailwind, and code Playground

by GruffBunny

HTML

<div ng-app='MyModule' ng-controller="MyController">
    <input type="text" ng-model='teamFilter'>
        <select ng-disabled='filtered.length == 0' ng-model='team' ng-options='team.name for team in filtered = ( teams | filter:teamFilter)'>
            <option value=''>choose team</option>
        </select>
</div>

JavaScript

angular.module('MyModule', [])

.controller('MyController', function( $scope ) {
    
    $scope.teams = [{ id: 1, name: 'Arsenal'},
        { id: 2, name: 'Aston Villa'},
        { id: 3, name: 'Everton'},
        { id: 4, name: 'Liverpool'}
    ];
});