我在我的HTML中使用angular2内置管道百分比
<input class="ibox1 rightalign" type="text" [ngModel]="_note.StudentPercent| percent:'.5-5'" ngControl="StudentPercent" pattern="^[0-9]\d*(\.\d+)?$" #StudentPercent="ngForm">
它的工作状态&将正确的数据显示到输入框中,但当我更改字段管道的值时,它不起作用。
如何解决这个问题?
发布于 2016-09-30 09:51:32
在更改_note.StudentPercent
输入时,您必须在模型值上重新应用过滤器。您可以使用ngModelChange
处理程序进行相同的操作。
<input class="ibox1 rightalign" type="text"
[ngModel]="_note.StudentPercent| percent:'.5-5'"
(ngModelChange)="changeToPercent(_note.StudentPercent,'.5-5')"
ngControl="StudentPercent" pattern="^[0-9]\d*(\.\d+)?$"
#StudentPercent="ngForm" />
码
changeToPercent(percent, format){
//make sure PercentPipe in declarations & providers of NgModule
this._note.StudentPercent = new PercentPipe().transform(percent, format)
}
https://stackoverflow.com/questions/39788497
复制相似问题