我有一个HTML输入字段.

<input 
    [(ngModel)]="item.value" 
    name="inputField" 
    type="text" 
/>

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

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

并获取错误消息:

动作表达式中不能有管道

在这种情况下如何使用管道?

推荐答案

模板语句中不能使用Template expression operators(管道,保存导航器):

(ngModelChange)="Template statements"

(NgModelChange)="item.value|useMyPipeToFormatThatValue=$Event"

https://angular.io/guide/template-syntax#template-statements

与模板表达式一样,模板语句使用的语言

但是,某些JavaScript语法:

  • 刚出现的
  • 递增和递减运算符,++和--
  • 运算符赋值,例如+=和-=
  • 位运算符|和&;
  • the template expression operators

所以你应该这样写:

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

100

Angular相关问答推荐

如何取回.angular/ache文件夹?

如何从Angular TS文件传递$Events对象?

angular:从模板中的可观察数组获取随机元素

Angulat 17@ngrx/Signals或全球服务,用什么?

如何避免使用CSS动画制作的幻灯片中闪烁?

Angular 16未知参数:独立

从Observatory的订阅方法外正确接收JSON数据

如何在每次Angular 编译之前执行脚本(esbuild)

使用Angular 13的NgxPrinterService打印时,第二页上的空白区域

无效的ICU消息.缺少';}';|Angular material 拖放(&A)

所有返回缺少权限或权限不足的FireBase项目.

一次重定向后,所有子路由都处于活动状态

Angular 信号 - 使用 mutate() 与使用 forEach() react 性

错误:服务或构建Angular 项目时模块构建失败

Angular 4 - 在下拉列表中 Select 默认值 [Reactive Forms]

实现自定义 NgbDateParserFormatter 来更改 NgbInputDatepicker 上输入值的格式是否正确?

Angular 2 中的 $implicit 是什么?

Angular 2 中的 OnChanges 和 DoCheck 有什么区别?

NG2-Charts 无法绑定到 datasets,因为它不是 canvas的已知属性

Angular 2表单验证重复密码