仅在 angular 2+ 中限制第一个字符为零。（预期输出 - 10101）

Question

如何在输入字段中限制第一个字符为零（预期输出如 10101）？

这是我的做法。

HTML 标记：

<input type="text" class="form-control col-md-4" #check (keypress)="isInteger($event)">

Typescript .ts 文件：

@ViewChild("check") inputFileld:ElementRef;

isInteger(event)
{
    if(event.key=='0' && !this.inputFileld.nativeElement.value)
    {
       return false
    }
}

使用这个技巧，我无法在第一个字符处输入零，但问题是，在输入字段中写入一些数字，然后 select 所有值，然后在零触发时按零。

Answer 1

HTML

<div>
      <input type="text" class="form-control col-md-4" #check  id="myText"   (keypress)="isInteger($event)">
    </div>

TS

isInteger(event) {

    var ctl = document.getElementById('myText');
    var startPos = ctl['selectionStart'];

    if (startPos == 0 && String.fromCharCode(event.which) == '0') {
      return false
    }
  }

仅在 angular 2+ 中限制第一个字符为零。（预期输出 - 10101）

Restrict zero at the first character only in angular 2+. (expected output- 10101)

angular2-template

angular

angular6

仅在 angular 2+ 中限制第一个字符为零。 （预期输出 - 10101）

Restrict zero at the first character only in angular 2+. (expected output- 10101)

angular2-template

angular

angular6

仅在 angular 2+ 中限制第一个字符为零。（预期输出 - 10101）