首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Angular2管不工作输入

Angular2管不工作输入
EN

Stack Overflow用户
提问于 2016-09-30 09:46:13
回答 1查看 1.5K关注 0票数 1

我在我的HTML中使用angular2内置管道百分比

代码语言:javascript
运行
复制
<input class="ibox1 rightalign" type="text" [ngModel]="_note.StudentPercent| percent:'.5-5'" ngControl="StudentPercent" pattern="^[0-9]\d*(\.\d+)?$" #StudentPercent="ngForm">

它的工作状态&将正确的数据显示到输入框中,但当我更改字段管道的值时,它不起作用。

如何解决这个问题?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-09-30 09:51:32

在更改_note.StudentPercent输入时,您必须在模型值上重新应用过滤器。您可以使用ngModelChange处理程序进行相同的操作。

代码语言:javascript
运行
复制
<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" />

代码语言:javascript
运行
复制
changeToPercent(percent, format){
   //make sure PercentPipe in declarations & providers of NgModule
   this._note.StudentPercent = new PercentPipe().transform(percent, format)
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39788497

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档