使用 ngModel 的管道答案

【问题标题】：Pipe with ngModel使用 ngModel 的管道
【发布时间】：2018-05-01 06:30:47
【问题描述】：

我在 Input 元素上应用日期管道

<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 列的操作表达式中不能有管道。 date:'fullDate'=$event] in ng:///AppModule/UpdateScheduleComponent.html@39:19

FromDate 是调度界面中的日期字段

 FromDate: Date;

如何使用 [(ngModel)] 在 Input 元素上应用管道

我正在使用 Angular 5 和 Material css

【问题讨论】：

标签： angular angular5

【解决方案1】：

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

Demo Here

【讨论】：

不能，它的双向绑定，它是一个更新页面，我可以在其中更改日期并保存值
你试过了吗？如果这样便于您阅读，我可以将答案的相关部分加粗。
我现在试了，它不显示值，一个空白的输入字段，看起来没有将模型绑定到输入
有人甚至为你做了一个演示:(
并且有人实际实施它，但没有效果