我该如何输入具有不同角度6文本值的html

时间:2018-09-17 18:50:39

标签: angular user-input angular6

我想从字符串的后面每3次添加`。例如,我要输入1'000,而不是1000。


  1. 标题

html,但值应为1000角

2 个答案:

答案 0 :(得分:2)

import { Pipe, PipeTransform } from '@angular/core';
import { DatePipe } from '@angular/common';

@Pipe({
    name: 'customNumbPipe',
})
export class customNumbPipe implements PipeTransform {
    transform(value: string): string {
        return value.toString().replace(/(.{3})/g,"`1")
    }
}

然后您可以像这样{{ displayValue | customNumbPipe}}

使用管道

我从here获得了该正则表达式。每3次插入一次。

编辑:

  1. value的类型从number | string更改为string
  2. 刚刚意识到它应该每3次出现从后面插入一个`。我认为可以通过反转字符串,插入`'s并将其反转回来来实现。

答案 1 :(得分:0)

您可以执行以下操作:

<input id="name" type="text" value="1000">

,但是当您的用户通过在该输入字段中输入内容(而不是您的“值”)来更改值时,输入的内容将被替换。您可以编写JavaScript来侦听输入字段中的更改,然后将所需的值分配给要收集的数据。