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

一尘不染

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

angularjs

我正在尝试找出使用TypeScript创建自定义角度过滤器的最佳方法。

我看到的所有代码示例都使用类似以下内容的代码：

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

…可以，但是由于我想将所有过滤器代码分开而显得有些混乱。所以我想知道如何将过滤器声明为一个单独的文件（例如，filters / reverse-
filter.ts），这样我就可以创建它：

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

…以与控制器，服务等相同的方式

TS和Angular的文档在地面上似乎很薄，尤其是在涉及过滤器的地方-有人可以帮忙吗？

干杯!

阅读 397

2020-07-04

共1个答案

一尘不染

可以从这样的模块中导出函数：

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

然后在模块之外：

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

然后，可以moduleName通过迭代其公共属性来执行类似自动注册模块中定义的所有过滤器的操作。

2020-07-04