Suffix in ionic2 number input


Is it actually possible to add a suffix in to a ionic number input?
I have tried to mask it with a directive but the number type validator returned errors.


How exactly should this look like or work?


I just want to show the units such as gallon, meters, etc on the right side within the number input field. As example: 1.111 gal


What does you input look like? I would probably try to position a “label” right to the input and make it look the way I want.


Yes thats what i actually did. But a suffix in the number field looks better :slight_smile:


Can you provide a screenshot? Maybe we can provide instructions to improve the display.


thats how it looks right now:


Think a vertical grid line between the values and the units. Then leftalign the unit texts (and make them less bold), right-align the values. Done. Still no text in the actual input field, but better grouping and visual hierarchy.