格式化和解析输入值答案

【问题标题】：Format and parse input values格式化和解析输入值
【发布时间】：2021-01-05 06:27:54
【问题描述】：

所以我有一个需要格式化货币输入的用例。对于格式化，我们使用 AutoNumeric.js，它工作正常。

我需要的是用发送到的默认格式存储值后端提交并在输入中显示格式化货币（例如，我想向用户显示 10,000 欧元，我应该得到像 10000 这样的价值发送到后端）。值应该存储在它自己的变量中。

什么是标准的 Angular 方法？

谢谢！

【问题讨论】：

标签： javascript angular parsing input formatting

【解决方案1】：

您可以使用简单的自己的转换器：

let yourValue = '€10,000'
let res = '';
for (let index of yourValue) {
  if ( parseInt(el[index]) ) {
    res += el[index]
  }
}
console.log('your result = ', parseInt(numEl)) //your result = 10000

【讨论】：

格式化已经处理好了，我在将格式化数据与发送到后端的纯非格式化数据分开时遇到了问题。

【解决方案2】：

Angular 已经为它提供了一个内置的 currency pipe，你只需要围绕它玩。

money = 10000; // backend value stored in DB

<!--display output in template '€10,000'-->
<div>{{ money | currency:'EUR':'symbol':'1.0'}}</div>

【讨论】：

感谢您的回答，但货币管道对输入的行为很奇怪（我想我触发它错误并且格式很奇怪）。但是我们已经有了格式化的解决方案。我的问题是分离变量，以便我们有一个用于在输入中显示数据，另一个用于后端的非格式化变量。输入在它自己的组件中分开，所以现在解决了这个问题：D
@Skafec 很高兴听到问题已解决，如果您认为这个答案以某种方式解决了您可以接受可以帮助他人的答案的目的。谢谢