Question

我在输入元素上应用日期管道

<div class="section">
  <h6 style="font-weight:bold">From Date</h6>
    <input [(ngModel)]="Schedule.FromDate | date:'fullDate'" type="text"  class="datepicker">
</div>

但它没有用，经过一些搜索我发现了一个关于堆栈溢出的帖子，我把它改成了

<input [(ngModel)]="Schedule.FromDate | date:'fullDate'" (ngModelChange)="Schedule.FromDate = $event" type="text"  class="datepicker">

现在添加

(ngModelChange)="Schedule.FromDate = $event"

它显示错误

未捕获错误：模板解析错误：分析器错误：[Schedule.FromDate |]中第21列的动作表达式中不能有管道日期：'fullDate'= $ event]在ng：///AppModule/UpdateScheduleComponent.html@39:19

FromDate是Schedule Interface

中的Date字段

 FromDate: Date;

如何使用[（ngModel）]

在Input元素上应用管道

我正在使用带有Material css的角度5

Answer 1

只需将双向ngModel绑定更改为单向绑定[ngModel]="(Schedule.FromDate | date:'fullDate')"（ngModelChange）即可处理双向绑定部分。

Demo Here

使用ngModel管道

1 个答案: