在 ng-model 中使用过滤器答案

【问题标题】：Using filter inside ng-model在 ng-model 中使用过滤器
【发布时间】：2015-11-14 20:53:20
【问题描述】：

我在 h3 中使用以下过滤器：

{{ event.date | date:'dd-MM-yyyy' }}

并且工作得很好，角度正在格式化并显示我想要的日期。我正在尝试在ng-model 中应用相同的过滤器：

ng-model="event.date | date:'dd-MM-yyyy'"

这不起作用，正在引发错误：

Error: ngModel:nonassign
Non-Assignable Expression
Expression 'event.date' is non-assignable. Element: {1}

谁能解释一下为什么？

谢谢！

【问题讨论】：

【解决方案1】：

来自文档：

ngModel 指令绑定输入、选择、文本区域（或自定义表单 control) 到作用域上的一个属性

ng-model 需要一个可以双向数据绑定的变量，但过滤器输出不可分配。

【讨论】：

【解决方案2】：

这是不可能的。

另一种解决方案是使用input masking。已经有一些库可用于该任务，例如 ngMask 和 angular-input-masks。

【讨论】：