如何使用 Typescript 实现 ngModel 解析器

Question

我正在处理使用 UI Bootstrap Datepicker 捕获日期的指令，但我想在使用 ngModel 指令将输入的日期传递给绑定模型之前格式化输入的日期。这使我实现了一个解析器，查看它看起来像这样的接口定义：

interface IModelParser {
  (value: any): any;
}

当我尝试定义一个名为 'DateFilter' 的 class 来实现它时，智能感知一直向我显示：

Type 'DateFilter' provides not match for the signature '(value: any): any'

所以我想知道我应该如何实现它，因为该定义中没有方法或属性名称。我知道这是一个基本问题，但我一直在寻找一些关于它的示例或文档，但没有成功。在此先感谢您的帮助。

Answer 1

我刚在 Interfaces 的 Typescript 文档中找到它。原来这是一个函数类型定义。所以，我的实现现在看起来像这样：

private dateFilter: ng.IModelParser = function (value: any): any {
        //Parse the value here
}

现在我可以将它推送到 ngModel 解析器中了：

ngModel.$parsers.push(this.dateFilter);

How to implement a ngModel parser using Typescript