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

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

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

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

并得到错误信息:@H_301_4@

Cannot have a pipe in an action expression@H_301_4@

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

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

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

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

所以你应该写下如下:@H_301_4@

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

Plunker Example@H_301_4@

猜你在找的Angularjs相关文章