当前位置: 首页 > 面试题库 >

AngularJS数字输入格式化视图

贝洲
2023-03-14
问题内容
我想使用带格式的数字输入来在用户键入大数字时向用户显示千位分隔符。这是我使用的指令代码: http
//jsfiddle.net/LCZfd/3/

当我使用input type="text"它时有效,但是当我要使用input type="number"它时,当用户键入大数字时,它会被某些东西奇怪地清除。

有什么问题input[number]


问题答案:

如注释中所述,input type="number"除数字,小数点分隔符(通常,.取决于语言环境)和-或之外,什么都不支持e。您仍然可以 输入
任何内容,但是浏览器将丢弃任何未知/不正确的字符。

这给您两个选择:

  • 使用type="text"和模式验证类似于pattern="[0-9]+([\.,][0-9]+)*"在示例中自动设置值格式时限制用户输入的内容。
  • 在输入字段上方放置一个覆盖层,该覆盖层可呈现所需的数字,并且仍然允许用户使用自定义type="number"输入控件,如此处所示。

后一种解决方案使用一个<label>包含当前值的附加标签,当您关注输入字段时,该标签会通过CSS隐藏。



 类似资料:
  • 问题内容: 我正在尝试编写一条指令,该指令会自动在中格式化数字,但模型未格式化。使它正常工作是很好的,在加载时,输入值在控制器中显示为1,000,000和1000000,但是,只有键入时,该函数才会触发。发生火灾的唯一时间是指令被加载且值为0时。 我怎样才能使它在keypress上起作用(我曾尝试绑定到keypress / keyup,但它不起作用)。 这是我的代码: 问题答案: 这是我们使用的工

  • 问题 你需要将数字格式化后输出,并控制数字的位数、对齐、千位分隔符和其他的细节。 解决方案 格式化输出单个数字的时候,可以使用内置的 format() 函数,比如: >>> x = 1234.56789 >>> # Two decimal places of accuracy >>> format(x, '0.2f') '1234.57' >>> # Right justified in 10

  • 我们可以看到格式化就是通过格式字符串得到特定格式: format!("{}", foo) -> "3735928559" format!("0x{:X}", foo) -> "0xDEADBEEF" format!("0o{:o}", foo) -> "0o33653337357" 根据使用的参数类型,同样的变量(foo)能够格式化成不同的形式:X, o 和未指定形式。 这个格式化的功能是通过 t

  • number(string $format): self string $format $config = [ 'path' => './tests' ]; ​ $fileObject = new \Vtiful\Kernel\Excel($config); ​ $fileObject = $fileObject->fileName('tutorial.xlsx'); $fileHan

  • 我正在尝试使用云形成模板来创建一个云观察事件规则,该规则与粘合事件相匹配并针对要发送消息的SNS主题,我可以在云观察控制台中创建它,但不能通过云观察模板。这是我的事件规则: 问题是InputTemplate。我得到的错误是: 目标JobNotificationTopic的无效输入模板:[Source:(String)"作业在以下状态下完成:null.";第1行,第10列]。(服务:Amazon C

  • 概览 Django的格式化系统可以在模板中使用当前地区特定的格式,来展示日期、时间和数字。也可以处理表单中输入的本地化。 当它被开启时,访问相同内容的两个用户可能会看到以不同方式格式化的日期、时间和数字,这取决于它们的当前地区的格式。 格式化系统默认是禁用的。需要在你的设置文件中设置USE_L10N = True来启用它。 注意 为了方便起见,django-admin startproject创建