我已经实现了使用 angular2 限制输入字段的指令。它在桌面浏览器中工作正常,但在 Android 移动设备中无法工作。
成分
import { LimitToDirective } from '../../../directives/limitedvalidation';
@Component({
templateUrl: 'build/pages/profile/change-basic-details/change-basic-details.html',
directives: [LimitToDirective]
})
export class UpdateBasicDetailsPage {
constructor(){}
}
指示
import {Directive, Input} from '@angular/core'
@Directive({
selector: '[limit-to]',
host: {
'(keypress)': '_onKeypress($event)',
}
})
export class LimitToDirective {
@Input('limit-to') limitTo;
_onKeypress(e) {
const limit = +this.limitTo;
if (e.target.value.length === limit) e.preventDefault();
}
}
template
<ion-input limit-to="12" type="tel" [formControl]="aadhaarno">
使用 maxlength 如下:
<ion-input [maxlength]="12" type="tel" [formControl]="aadhaarno">
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)