Closed iliuyt closed 7 years ago
解决了,ngModel引用错了,附上代码
import { Directive } from '@angular/core';
import { NgModel } from '@angular/forms';
// 自定义指令
@Directive({
selector: 'input[number]',
host: {
'(keypress)': 'onkeypress($event)',
'(keyup)': 'onkeyup($event)'
},
inputs: ['maxValue'],
})
export class NumberInput {
maxValue: number;
constructor(public control: NgModel) {
}
onkeyup(event) {
let input = event.target;
if (input.value == "") {
input.value = 0;
this.control.viewToModelUpdate(0);
}
let newValue = parseInt(input.value);
if (newValue > this.maxValue) {
input.value = this.maxValue;
this.control.viewToModelUpdate(this.maxValue);
}
else
{
input.value = newValue;
this.control.viewToModelUpdate(newValue);
}
}
onkeypress(event) {
// 判断是否为数字
let inputStr = String.fromCharCode(event.keyCode);
if (!parseInt(inputStr)) {
return false;
}
}
}
写了一个指令来限制只能输入数字,并且去除输入框签名的0,DOM更新没有问题,但是ngmodel绑定的数据不同步,会一些偏差,在git上找了很多在Directive获取NgModel更新VIEW的代码,但是都不能用,请大神帮忙看下。