Ionic 3输入百分比掩码
问题描述:
我想听听有关如何完成此操作的任何建议或建议。要求是创建一个输入掩码指令,该指令只允许用户输入数字,可选2位小数,并且在输入字段内还有%符号。任何想法,或者如果有什么已经为此建成将非常感激, 在此先感谢!Ionic 3输入百分比掩码
答
跟着山姆的建议,用文字面罩解决:
<input type="tel" [(ngModel)]="percent"
[textMask]="{mask: mask, pipe: percentage, guide:false}" />
和..
mask(obj) {
return [ /\d/, /\d|./, /\d|./, /\d/, /\d/ ];
};
percentage(value) {
var num = value.replace('%', '');
if (isNaN(num)) {
if (num % 1 != 0) {
num = parseFloat(num).toFixed(2);
}
return num + '%';
} else {
return false;
}
}
答
希望你可以使用text-mask模块。
但是您需要安装Ionic 3
兼容版本,如下所示。
npm install [email protected] --save
变化package.json
如下(即除去^
)
"angular2-text-mask": "8.0.2",
这module
有很多特征。看到上面的链接。
更新:如果你使用Lazy loading
则必须导入TextMaskModule
要么page's module
或shared.module.ts
里面,你也需要设置在ion-input
的maxlength
,以避免将出现在blur event
多余的字符。
+1
谢谢 - 我会试试看 –
什么是您使用的指令?网址是什么? – Sampath
嗨@Sampath,我没有,我发现任何好的 –