使用AngModel中的管道在Angular2视图中的INPUT元素上

前端之家收集整理的这篇文章主要介绍了使用AngModel中的管道在Angular2视图中的INPUT元素上前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个HTML INPUT字段。
<input [(ngModel)]="item.value" name="inputField" type="text" />

我想格式化其值并使用现有的管道:

.... [(ngModel)]="item.value | useMyPipeToFormatThatValue" .....

并得到错误信息:

Cannot have a pipe in an action expression

在这个上下文中如何使用管道?

您不能在模板语句中使用 Template expression operators(管道,保存导航器)
(ngModelChange)="Template statements"

(ngModelChange)=“item.value | useMyPipeToFormatThatValue = $ event”

https://angular.io/docs/ts/latest/guide/template-syntax.html#!#template-expressions

所以你应该写下如下:

<input [ngModel]="item.value | useMyPipeToFormatThatValue" 
      (ngModelChange)="item.value=$event" name="inputField" type="text" />

Plunker Example

原文链接:https://www.f2er.com/angularjs/144209.html

猜你在找的Angularjs相关文章