首页 > 解决方案 > Angular ngModel 格式输出

问题描述

这是我的 HTML 代码:

<div class="form-group">
  <label class="form-control-label" for="field_start">Start</label>
  <input type="datetime-local" class="form-control" name="start" id="field_start" [(ngModel)]="service.startDate" />
</div>

因此, startDate 存储为一个数字(长),但我想显示一个本地日期时间。我真的不知道该怎么做。我使用相同的组件来创建和更新模型。创建是有效的,因为我可以操纵被调用函数中的值。

标签: angular

解决方案


您可以使用 [ngModel] 和 (ngModelChange) 将 2 路绑定 [(ngModel)] 更改为分隔属性和事件绑定。然后您可以使用管道来格式化输入值。

在 Angular 的 INPUT 元素上使用 ngModel 中的管道


推荐阅读