JSFiddle - React, Tailwind, and code Playground

HTML

<body ng-app="myApp">
    <div ng-controller="Ctrl">Search:
        <input ng-model="searchText">
        <div ng-repeat="(k,v) in items | myFilter:searchText">
            {{v}}
         </div>
    </div>
</body>

JavaScript

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

myApp.controller('Ctrl', function ($scope) {

    $scope.items = {
        "1": {
            "type": "foo",
                "name": "blah"
        },
            "2": {
            "type": "bar"
        },
            "3": {
            "type": "foo"
        },
            "4": {
            "type": "baz"
        },
            "5": {
            "type": "test"
        }
    }
});


myApp.filter('myFilter', function () {
    return function (items, search) {
        var result = [];
        angular.forEach(items, function (value, key) {
            angular.forEach(value, function (value2, key2) {
                if (value2 === search) {
                    result.push(value2);
                }
            })
        });
        return result;

    }
});