Can't bind to input[type=number] properties in an <ion-input>

Ionic Framework ionic-v3
1

Hi everyone!

I am wondering if I can bind to min, max or step properties of an <ion-input>. Indeed, this works perfectly :

<ion-input
    type="number"
    min="0"
    step="1"
    max="15"
>
</ion-input>

But when I do this :

<ion-input
    type="number"
    [min]="0"
    step="1"
    max="15"
>
</ion-input>

This error is triggered :

polyfills.js:3 Unhandled Promise rejection: Template parse errors:
Can't bind to 'min' since it isn't a known property of 'ion-input'.
1. If 'ion-input' is an Angular component and it has 'min' input, then verify that it is part of this module.
2. If 'ion-input' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message.

My system information:

  • Cordova CLI: 6.2.0
  • Ionic Framework Version: 2.0.0-rc.3
  • Ionic CLI Version: 2.1.8
  • Ionic App Lib Version: 2.1.4
  • Ionic App Scripts Version: 0.0.45
  • ios-deploy version: Not installed
  • ios-sim version: Not installed
  • OS: Linux 3.19
  • Node Version: v6.9.1
  • Xcode version: Not installed

Could someone enlighten me please ?

2

Sounds like a bug to me. Similar to driftyco/ionic#7635

1 Like
3

Yeap, thanks you! I added a comment in the issue you mentioned about the input type ‘number’.

1 Like