ngModel 角度为 5 的日期管道

Question

我将输入元素与 angular 5 中的模型属性绑定

<input [(ngModel)]="MB.YearOfOperation | date: 'dd-MMM-yyyy' " type="text" class="form-control">

使用日期管道格式化其值但它给出了错误

在第 33 列的操作表达式中不能有管道

所以我尝试了以下方法（ngModelChange）

<input [(ngModel)]="MB.YearOfOperation | date: 'dd-MMM-yyyy' " (ngModelChange)="MB.YearOfOperation =$event" type="text" class="form-control">

但它仍然给出相同的错误，我如何使用带有 [(ngModel)] 的管道？

Answer 1

你不应该使用带有双向数据绑定的管道，如果你真的想将它与 ngModel 一起使用，你应该考虑ngModelChange 如下的一种方式数据绑定，

[ngModel]="MB.YearOfOperation | date: 'dd-MMM-yyyy'" (ngModelChange)="updateDate($event)"