延迟屏蔽输入字段的时间

时间:2019-05-17 09:43:27

标签: javascript angular typescript

我有一个问题,尝试在延迟1秒后更改我在输入中输入的值。我把你放在上下文中。我有以下HTML代码:

<form [formGroup]="formSca" autocomplete="off" class="row formSign" ngNativeValidate>
  <div *ngFor="let pos of signatureDataArr; let i = index" class="pos-rect">
    <input formcontrolName="posicion" type="text" [disabled]="pos.state=='hidden'" class="square"
      maxlength="1" [ngModel]="pos.content | mask"
      (ngModelChange)="pos.content = $event" [ngModelOptions]="{standalone:true}"
      (keypress)="pos.content === '' ? checkValue($event, i): ''">
  </div>
</form>

mask管道只需更新ngModel即可将其值转换为带有正则表达式的星号:

val.replace(/./, '*');

通过这种方式,我将输入的值保存在对象数组中并显示了星号。

我想要让用户看到输入的值一秒钟,然后屏蔽并显示星号,但该值保存在数组中。

CheckValueFucntion:

checkValue(value, index) {
    this.signatureDataArr[index].content = value.key;
}

感谢您的时间!

0 个答案:

没有答案