JSFiddle - React, Tailwind, and code Playground

by wittersworld

HTML

<div ng-app="miniapp">
    <div ng-controller="Ctrl">
        Search by ID: <input ng-model="filterid" /><br />
        <ul id="searchTextResults">
        <li ng-repeat="item in items | filter:{ id: filterid }">
              Item: {{item.id}} - {{item.name }}
          </li>
      </ul>
    </div>    
</div>

JavaScript

var app = angular.module('miniapp', []);

function Ctrl($scope, $filter) {
    $scope.filterid = '';
    $scope.items = [
        { id: 1, name: 'one' }, 
        { id: 2, name: 'two' }, 
        { id: 3, name: 'three' }];
    
    $scope.filteredItems = function() {
        return $filter($scope.items, id == filterID);
    }
    
}