JSFiddle - React, Tailwind, and code Playground

HTML

<div data-ng-app="listApp" data-ng-controller="ListTestController">
    <ul>
        <li data-ng-repeat="list in list">{{ list.name }}</li>
    </ul>
     <div>Filter method 1</div>
    <ul>
        <li data-ng-repeat="list in filt1">{{list.name}}</li>
    </ul>
     <div>Filter method 2</div>
    <ul>
        <li data-ng-repeat="list in filt2">{{list.name}}</li>
    </ul>
</div>

JavaScript

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

app.controller('ListTestController', ['$scope','$filter', function ($scope,$filter) {
    $scope.list = [{
        name: "James",
        age: 24
    }, {
        name: "Jimmy",
        age: 28
    }, {
        name: "John",
        age: 26
    }, {
        name: "Jared",
        age: 29
    }];

    $scope.filt1 = $scope.list.filter(function (person) {
        if (person.age > 25) {
            return person;
        }
    });
    $scope.filt2 = $filter("filter")($scope.list, function(person){
        if (person.age > 25) {
            return person;
        }
    });
}]);