首页 文章

离子输入格式

提问于
浏览
1

我正在使用Ionic开发一个应用程序,并使用输入表单字段进行计算 .

<input type="number" ng-model="data" step="0.01">

但是,如果我使用值100.10更新数据,则输入框显示100.1

我想格式化输入字段中的值,使其始终显示2位小数(100.1 0 ) .

我尝试过使用过滤器,但只有在我将输入更改为“text”时才能使用它们 . 我想使用type =“number”,因为这只显示数字键盘 .

我也尝试过:

parseFloat(""+data.toFixed(2))

但这也显示100.1

2 回答

  • 0

    由于你使用的是Ionic,你可以使用Angular . 在Angular中你可以这样做:

    {{ number_expression | number : fractionSize}}
    

    所以,如果在你的情况下你有一个变量 data ,你会这样做:

    {{data | number : 2}}
    

    official docs中的更多信息 .

  • 0

    这是因为输入的类型,即 number . 如果将其更改为 text 将解决问题 .

    或者只是从 data.toFixed(2) 删除 parseFloat . 这样它将作为文本到表单,尾随0 .

相关问题