Angularjs ng重复自定义筛选器不工作（角度和类型脚本应用程序）

我正在使用typescript开发一个angular应用程序，并尝试使用自定义过滤器过滤ng重复。我能够使用jQuery函数作为过滤器使其工作，但我希望用Typescript完成该函数。你知道我如何将这个函数迁移到一个typescript函数并保持过滤器工作吗

HTML:

---

在您的更改之后，它仍然不起作用吗？另外，我进行了调查（在更改之前的代码范围内），发现了一些有趣的事情。如果有趣的话，我可以把它放在某个地方（注释，答案）。在typescript中实现过滤器的示例。代码现在正在运行，但正如您在上面看到的，它没有使用typescript fitler。稍后我将尝试这个例子，看看是否可以让它工作。谢谢，在您的更改之后它仍然不能工作吗？另外，我做了调查（在更改之前的代码范围内），发现了一些有趣的事情。如果有趣的话，我可以把它放在某个地方（注释，答案）。在typescript中实现过滤器的示例。代码现在正在运行，但正如您在上面看到的，它没有使用typescript fitler。稍后我将尝试这个例子，看看是否可以让它工作。谢谢

<div ng-app="playground" ng-controller="PlaygroundCtrl as c">
    <br />
    <div>Filter: <input type="text" ng-model="c.filterText" /></div>
    <br />
    <div ng-repeat="person in c.people | filterPeople:c.filterText">
        {{person}}
    </div>
</div>

angular.module("playground", []);

class PlaygroundCtrl {
    filterText: string;
    people: string[];

    constructor() {
        this.people = ["tom", "john", "gonzalo", "bruno"];
    }

    filterPeople(par: any) {
        return this.people;
    }
}

angular
    .module('playground')
    .controller('PlaygroundCtrl', PlaygroundCtrl)
    .filter('filterPeople', function () {
        return function (people, filter) {
            var filtered = [];
            angular.forEach(people, function (person) {
                if (filter != 'x') {
                    filtered.push(person);
                }
            });
            return filtered;
        };
    });