Angular2管道不适用于输入

Srashtisj

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

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

它的工作并在输入框中显示正确的数据,但是当我更改字段管道的值时不起作用。

如何解决呢?

潘卡·帕克(Pankaj Parkar)

您已在_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)
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

为什么带有输入类型文本的日期管道不适用于angular2?

来自分类Dev

titlecase 管道不适用于三元运算符 angular2

来自分类Dev

jQuery Xeditable不适用于Angular2

来自分类Dev

Angular2 useAsDefault不适用于子路由

来自分类Dev

ngStyle不适用于angular2中的!important

来自分类Dev

angular2 canActivate()不适用于Observable响应

来自分类Dev

Angular2 绑定不适用于 Observable

来自分类Dev

CORS Cookie可用于获取请求,但不适用于Angular2中的发布

来自分类Dev

linux dup2 似乎不适用于管道?

来自分类Dev

Angular2绑定不适用于Google OAuth2 Promise

来自分类Dev

Ng2-table不适用于最新的Angular2版本

来自分类Dev

<div [innerHTML] = ....在angular2 html注入中不适用于iframe html>

来自分类Dev

Rxjs筛选器运算符不适用于Angular2 Observable

来自分类Dev

模型绑定不适用于angular2中的select

来自分类Dev

Node.js核心模块fs不适用于webpack和angular2 cli

来自分类Dev

Angular JS验证不适用于Bootstrap的预输入

来自分类Dev

管道不适用于wireshark

来自分类Dev

管道不适用于Label Encoder

来自分类Dev

陷阱 ERR 不适用于管道

来自分类Dev

onclick不适用于按钮输入

来自分类Dev

buttonset()不适用于动态输入

来自分类Dev

CSS 不适用于提交的输入

来自分类Dev

Highlight.js不适用于Angular 2

来自分类Dev

Angular 2 Bulma变量不适用于ngClass属性

来自分类Dev

Angular 2 不适用于 Bootstrap 3 或 4

来自分类Dev

管道归档不适用于中间管道

来自分类Dev

路由器angular2不适用于同一组件,但difefrenet ID

来自分类Dev

路由器angular2不适用于同一组件,但difefrenet ID

来自分类Dev

ngAnimate不适用于Angular 1.2.16

Related 相关文章

热门标签

归档