向过滤器添加filterfunction在typescript中不起作用

Question

我正在尝试向过滤器添加过滤器函数。

我按照这个例子小提琴，它工作得很好，但是在普通的javascript。

http://plnkr.co/edit/zigptcUjJ2GhurAKFQ0L?p=preview

我正在尝试实现相同的代码，但在Typescript中，没有任何幸运:函数从未被调用。

我的html和小提琴是一样的，我的打字稿如下

app.ts

module app {
    var app = angular.module('app', ['']);
    app.controller('ctrl', ctrl);
}

ctrl.ts

module ctrls {
    export class ctrl {
        friends = [
            { name: "Peter",   age: 20 },
            { name: "Pablo",   age: 55 },
            { name: "Linda",   age: 20 },
            { name: "Marta",   age: 37 },
            { name: "Othello", age: 20 },
            { name: "Markus",  age: 32 }
        ];

        static filterFunction(element) {
            return element.name.match(/^Ma/) ? true : false;
        };
    }
}

我尝试了使用和不使用static关键字，但没有任何幸运，函数在这两种情况下都不会被调用。

有什么需要帮忙的吗？

Answer 1

首先，过滤函数不应该是静态的。

其次，我认为你的主要问题是模块的创建。尝试替换这些行：

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

有了这些：

var app = angular.module('app', []);
app.controller('ctrl', ctrls.ctrl);