时间戳

首页 > 解决方案 > ngModel 角度为 5 的日期管道

angular - ngModel 角度为 5 的日期管道

问题描述

我正在将输入元素与角度 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)] 的管道？

标签： angular

解决方案

您不应该将管道与两种方式数据绑定一起使用，如果您真的想将它与 ngModel 一起使用，您应该考虑一种方式数据绑定，ngModelChange 如下所示，

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

推荐阅读