angularjs - 使用 TypeScript 创建自定义 Angular 过滤器

Question

我正在尝试找出使用 TypeScript 创建自定义 Angular Filter 的最佳方法。

我看到的所有代码示例都使用类似的东西:

myModule.filter( "myFilter", function()
{
    return function( input )
    {
        //  filter stuff here
        return result;
    }
}

... 这有效，但看起来很乱，因为我想将所有过滤器代码分开。所以我想知道如何将过滤器声明为单独的文件(例如 filters/reverse-filter.ts)，这样我就可以像这样创建它:

myModule.filter( "filterName", moduleName.myFilter );

... 与您对 Controller 、服务等的处理方式相同

TS 和 Angular 的文档在地面上看起来非常单薄，尤其是在涉及过滤器的地方 - 谁能帮忙？

干杯!

Answer 1

函数可以像这样从模块中导出:

module moduleName {
    export function myFilter()
    {
        return function(input)
        {
            //  filter stuff here
            return result;
        }
    }
}

然后在模块外:

myModule.filter("filterName", moduleName.myFilter);

然后就可以通过迭代其公共(public)属性来执行诸如自动注册 moduleName 模块中定义的所有过滤器之类的操作。