1

我知道如何将 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"/>

...但这不起作用。它不会引发错误,只是不会修改日期格式。我还尝试将整个表达式括在括号中 - 并且通过错误。

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

4

1 回答 1

1

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

<input class="app-input [(inputModel)]="staff.profile.hireDate" placeholder="None" 
    field-status="{{getPropertyStatus('profile.hireDate') | date}}" />
于 2017-10-28T08:41:47.747 回答