Question

我正在使用Ionic 2 RC.1。我希望有一个字段可以接受最多2位小数的金额。

      <ion-item>
        <ion-label floating>Dollar AMount <label class="mandatory-indicator">*</label></ion-label>
        <ion-input type="number" [formControl]="empForm.controls['wsAmtEarned']"  maxlength="30" size="30" ng-pattern="/^[0-9]+(\.[0-9]{1,2})?$/"></ion-input>
      </ion-item>

每当我在其中输入十进制值（例如5.3）时，它就会开始给我Nearest possible values are 5 and 6的错误。如何修改它以满足我的要求。

Answer 1

现在，Ionic 2似乎支持only the following输入类型，它们对应于HTML5输入类型：

HTML输入类型（文本，密码，电子邮件，号码，搜索，电话或 URL）

HTML5中的数字输入类型默认为整数。实际上，是一个默认步长为1的数字。因此，您可以尝试在输入上设置step属性（到step="0.1"）并查看它是否传播到Ionic。

否则，将类型更改为text并允许模式验证程序接管。

无法在Ionic 2 RC.1编号字段中输入小数值

1 个答案: