如何使用 Typescript 实现 ngModel 解析器答案

【问题标题】：How to implement a ngModel parser using Typescript如何使用 Typescript 实现 ngModel 解析器
【发布时间】：2016-08-07 05:08:14
【问题描述】：

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

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

当我尝试定义一个名为“DateFilter”的类来实现它时，智能感知不断向我显示：

类型 'DateFilter' 提供不匹配的签名 '(value: any): any'

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

【问题讨论】：

【解决方案1】：

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

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

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

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

【讨论】：