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

发布时间：2020-12-17 08:07:38 所属栏目：安全来源：网络整理

导读：我有一个HTML INPUT字段。 input [(ngModel)]="item.value" name="inputField" type="text" / 我想格式化其值并使用现有的管道： .... [(ngModel)]="item.value | useMyPipeToFormatThatValue" ..... 并得到错误信息： Cannot have a pipe in an action expr

我有一个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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!