在带有双向绑定的输入上使用Angular的日期管道

Question

我知道如何使用Angular的日期管道和典型的字符串插值示例和/或for循环。但是，我的情况与这两种情况都不同 - 我在Angular 2应用程序中创建了一种自定义双向绑定。

这就是我的模板代码：

<input class="app-input [(inputModel)]="staff.profile.hireDate" placeholder="None" 
    [field-status]="getPropertyStatus('profile.hireDate')"/>

有没有办法可以在这里传递日期管道？我试过像这样传递它：

<input class="app-input [(inputModel)]="staff.profile.hireDate" placeholder="None" 
    [field-status]="getPropertyStatus('profile.hireDate') | date"/>

......但这不起作用。它不会抛出错误，它只是不修改日期格式。我也尝试用括号括起整个表达式 - 并通过错误。

有没有办法可以在视图中传递日期管道，或者我是否需要以不同的方式处理它 - 例如作为组件中函数的一部分？寻找最简单的解决方案。

Answer 1

使用插值而不是绑定的一种方法：

<input class="app-input [(inputModel)]="staff.profile.hireDate" placeholder="None" 
    field-status="{{getPropertyStatus('profile.hireDate') | date}}" />