小编cod*_*925的帖子

如何制作可重复使用的双向管道?

据我了解,Angular中没有办法在双向数据绑定中使用管道。本质上,我想做的是:

<input name="humidity" [(ngModel)]="humidity | percent">
Run Code Online (Sandbox Code Playgroud)

来自.NET WPF编程的背景,我习惯于使用值转换器以两种方式(从模型到UI,以及从UI到模型)转换数据

如果我改为将代码更改为:

<input name="humidity" [ngModel]="humidity | percent" (ngModelChange)="humidityChanged($event)" >
Run Code Online (Sandbox Code Playgroud)

...我能够在将数据存储到模型之前手动进行代码的反向“管道转换”。请参阅我的Plunker以获取使用此方法的完整代码示例

我的问题是:

  1. 当前或即将发布的Angular版本中是否有更好的方法?

  2. 如果我想使反向管道转换可重用(与百分比管道可重用的方式相同),这是一种创建包含<input>和所需代码的PercentComponent的好方法吗?

angular

5
推荐指数
1
解决办法
704
查看次数

标签 统计

angular ×1