在输入中使用number管道可以得到Nan angular
在Angular中，使用number管道可以将输入转换为数字类型。如果输入无法转换为数字，将返回NaN（Not a Number）。
number管道可以用于以下场景：
- 格式化数字显示：可以指定小数位数、千位分隔符等格式来显示数字。
- 输入验证：可以将用户输入的字符串转换为数字类型，并进行验证。
- 数据计算：可以对数字进行加减乘除等数学运算。
以下是使用number管道的示例代码：
<!-- 格式化数字显示 -->
<p>{{ 123456789 | number }}</p> <!-- 输出：123,456,789 -->
<p>{{ 3.1415926 | number:'1.2-3' }}</p> <!-- 输出：003.142 -->
<!-- 输入验证 -->
<input type="text" [(ngModel)]="inputNumber" (input)="validateNumber(inputNumber)">
<p *ngIf="isNaN(inputNumber)">请输入有效的数字</p>
<!-- 数据计算 -->
<p>{{ 10 + 20 | number }}</p> <!-- 输出：30 -->
<p>{{ 100 / 3 | number:'1.2-2' }}</p> <!-- 输出：33.33 -->推荐的腾讯云相关产品：腾讯云云服务器（CVM） 腾讯云云服务器（CVM）是一种可弹性伸缩的云计算基础设施服务，提供高性能、可靠稳定的云服务器实例。您可以根据业务需求选择不同配置的云服务器，并根据实际情况进行弹性调整。腾讯云云服务器支持多种操作系统和应用环境，适用于各种场景的应用部署。
了解更多关于腾讯云云服务器的信息，请访问：腾讯云云服务器产品介绍
相关·内容
(类似于数字管道，只是不需要在app.module中注册区域设置)，并且在所有输入也是数字的编辑模态中，当用户在输入之外单击时，必须格式化输入。然而，当输入被格式化并且用户再次编辑它时，我得到了错误。我在这里添加了一个工作示例：https://stackblitz.com/edit/decimal-pipe-comma-separator-example-arg-h3gtrw 在input<em
浏览 33提问于2019-12-31得票数 0
我正在尝试在用户的区域设置中格式化文本输入中的数字。我尝试使用DecimalPipe和一个自定义的自制管道，它们一开始都可以工作。问题是，一旦数字被格式化为字符串，管道就不再起作用，因为它应该应用于数字。例如，当我输入1234.23时，它显示1 234,23，但DecimalPipe在1 234,23上不起作用，并且我得到NaN错误。我找不到任何可以让我再次将格式化文本转换为数字以重新应用管
浏览 5提问于2018-07-23得票数 2
我使用angular2中的管道将mysql转换为js日期格式，这是我的代码： transform(value) { return str;}
在HTML中，我使用{{ p
浏览 1提问于2016-05-28得票数 0
回答已采纳
(ticketPinOrEvent);
}
如何检查ticketPinOrEvent是否为number我试过用angular.isNumber(ticketPinOrEvent)，但什么都没得到？
浏览 0提问于2015-07-22得票数 16
回答已采纳
2回答
我发现在默认情况下，使用ng-model指令的Angular不会将NaN值显示到输入中： ng-model="$parent.mouldTAB.sugNOfCavitiesCost">
因此，如果$parent.mouldTAB.sugNOfC
浏览 0提问于2016-07-17得票数 2
回答已采纳
我对角JS很陌生，我想将输入值绑定到$scope对象，就像输入字段使用ng- bind 和ng模型将它们的值绑定到DOM (当我们在输入中键入某些内容时，值会发生变化)。<script type="text/javascript">
浏览 3提问于2017-06-02得票数 1
回答已采纳
browser_adapter.ts:82 ORIGINAL EXCEPTION: TypeError: self.context.isNaN is not a function
如何检查我的对象是否是Angular2表达式中的非数字？
浏览 7提问于2016-08-30得票数 13
回答已采纳
3回答
我想掩码一个字段，例如:有10位数字的电话号码(123-123-1234)，我需要以这样的方式掩码(xxx-xxx-1234)。另外，当提交页面时，我需要发送原始变量(123-123-1234)到服务。谢谢。
浏览 10提问于2017-07-04得票数 8
我更新了Angular 2项目到Angular 4。我正在使用管道，如下所示。isnumber" (ngModelChange)="customerSearchText=$event">public customerSearchText: numberreturn ''; return WrappedValue.wrap(val.replace(&#x
浏览 0提问于2017-11-15得票数 2
2回答
我正在测试我的自定义管道: NoCommaPipe。但是，当我创建一个输入为10,000,000的测试时，它会返回NaN。如何使用输入创建测试，如: 10,000,000import { Pipe, PipeTransform } from "@angular/core";
name: 'noComma'
export class NoCommaPipe implements PipeTra
浏览 3提问于2019-10-25得票数 0
回答已采纳
3回答
纯圆管
、
作为一个角的初学者，我偶然发现了纯正的管道
只有在收到与以前调用不同的参数时，角才会计算给定的纯管道调用。, exponent: number): number
浏览 0提问于2019-03-04得票数 1
我有一个数字，可以是正值，也可以是负值。我想总是把它打印成底片。有没有办法将其格式化为Angular 2html代码？我知道如何在typescript/javascript中执行此操作。但是，我想知道是否可以直接用Angular HTML代码格式化
浏览 1提问于2017-08-22得票数 3
我正在尝试使用数字管道来格式化我的<input type=number />中的值在我的角应用程序中。管道应该将值格式化为三个小数，默认情况下值为1，并且在输入框中它应该显示为1.000，但是如果我在number之后使用任何number，则在input中不会显示任何值。我尝试在中<
浏览 3提问于2020-09-24得票数 1
回答已采纳
我是angular 2的初学者，我正在尝试使用Angular显示一些数据。这是我的代码部分：上面的部分将显示值，例如："124,500.00“这是可以的，但我需要删除逗号和显示数据为124500.00只。此外，这不是货币类型。我试过这样的东西，它不起作用
<span
浏览 59提问于2017-12-27得票数 17
我使用角度数字管道四舍五入到2位数作为输入| number：'1.2-2'，但角度数字管道以逗号格式给出结果。输入: 1439.333，输出: 1439.33，预期输出:1439.33。我在angular 2上，不想使用javascript。谢谢,
浏览 6提问于2016-11-29得票数 1
1回答
this.myTimer) + " "+this.myTimer); }这是console.log：TIMER: numberNaN的结果。因此，typeof(this.myTimer)返回number类型，当我打印它的值时，得到NaN。我为什么要得到NaN
注意:我使用的是Angular2 (类型记录)，并且<e
浏览 2提问于2016-09-17得票数 1
回答已采纳
我需要在一个数字字段中显示0000000000而不是0，这是sql数据库中的一种bigint类型。我只能显示0而不是00000000，因为数据类型是bigint。我想我需要填充，但不确定在type script或html中在哪里使用。下面是我获取和设置值的代码。请帮帮忙！get numberValue(): number {
set numberValue(value: number){
浏览 2提问于2020-06-09得票数 1
2回答
我使用自定义管道按城市过滤数据我的问题是，我想知道在切片管道之前，我总共得到了多少个结果。import { Component, OnInit, Input } from '@angular/core';
import { CategoryPipe } from
浏览 0提问于2018-08-30得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
