Angular 我怎样才能让输入的html与文本中的值不同呢

我想在字符串后面每隔3次添加一次。例如，我希望输入1000而不是1000

标题

---

html，但角度值为1000

您可以执行以下操作：

然后可以像这样使用管道{{displayValue | customNumbPipe}}

我从你那儿弄来的正则表达式。它每隔3次插入一个`字符

编辑：

将值的类型从数字|字符串更改为字符串 刚刚意识到它应该从后面每隔3次插入一个`字符。我认为可以通过反转字符串、插入`，然后将其反转回来来实现。

---

不是100%确定你在问什么，但是你可以创建一个对象inputObj={value:'value'，text:'text'}并使用inputObj.text作为显示文本，同时使用inputObj.value作为值谢谢你的回答，但我想使用任何东西，比如掩码，但不要更改为原始值。。例如，现在如果我的数字是1000，显示它像1000，对我的数字没有副作用，那么你可以有一个对象，它的键是值，值是文本，这样text=obj[value]我的代码是这样的，但我想显示它像1000，并且不改变值。。我已经使用attribute指令在avery 3个数字之后添加了'。。但不幸的是，我也承认这一点。我认为这是双向约束的一个缺点。。任何方式都可以让输入显示任何不同的值谢谢。。请考虑一下。我这样做了，但最终收到了我的模型类型更改为字符串类型，而不是数字，并将最终值更改为1'000，这是不正确的。首先感谢。。但是你误解了马特。我想有一个值绑定到ngmodel，一个文本显示在输入html中，文本是一些不同的值，比如。。值为1000，但文本为1'000。在输入字段中，该值是输入的值或任何内容，因为是输入字段，您可以有一个占位符文本，但与之前一样，一旦输入值，它将不会显示。使用标记，您可以将值设置为选项或类似选项（如上所述），使用管道过滤输入到不同格式的内容，但这将是显示的内容，而不是不可见的值。

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")
    }
}