据我了解,Angular中没有办法在双向数据绑定中使用管道。本质上,我想做的是:
<input name="humidity" [(ngModel)]="humidity | percent">
Run Code Online (Sandbox Code Playgroud)
如果我改为将代码更改为:
<input name="humidity" [ngModel]="humidity | percent" (ngModelChange)="humidityChanged($event)" >
Run Code Online (Sandbox Code Playgroud)
...我能够在将数据存储到模型之前手动进行代码的反向“管道转换”。请参阅我的Plunker以获取使用此方法的完整代码示例。
我的问题是:
当前或即将发布的Angular版本中是否有更好的方法?
如果我想使反向管道转换可重用(与百分比管道可重用的方式相同),这是一种创建包含<input>和所需代码的PercentComponent的好方法吗?
angular ×1