JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="MyFirstApp" ng-controller="Controller1">
    <p style="padding-left:50px;"><b>Google</b>
    </p>
    <input type="text" ng-model="searchmodel">
    <p ng-repeat="item in items | filter:searchmodel | filter:sortModel">{{item.description}}</p>
        
        
    <select ng-model="sortModel">
        <option ng-repeat="item in items" value="{{item.description}}">{{item.title}}</option>
    </select>
</div>

JavaScript

var myApp = angular.module('MyFirstApp', []);
 myApp.controller('Controller1', function ($scope) {
     $scope.items = [{
         title: "Google",
         description: "Google has all the data"
     }, {
         title: "yahoo",
         description: "yahoo has all the data"
     }, {
         title: "Firefox",
         description: "Firefox has all the data"
     }];

 });