Split input field and hide/show if needed


#1

Hello,

I need to split the input field into two inputs, so I can enter two numbers in one item (range start and end in one row in the example provided). How can I do that in ionic?

Also I have a question, what is the best way to hide/show some of the items below? For example if the user selected Entry Type = None I don’t need to show Default, Range and Step.

 <ion-content>
    <div class="list">
        <label class="item item-input">
            <span class="input-label">Topic Name</span>
            <input type="text">
        </label>

        <label class="item item-input item-select">
            <div class="input-label">
                Entry Type
            </div>
            <select>
                <option selected>None</option>
                <option>Numeric</option>
                <option>Range</option>
            </select>
        </label>

        <label class="item item-input">
            <div class="input-label">
                Default
            </div>
            <input type="number">
        </label>

        <label class="item item-input">
            <div class="input-label">
                Range start
            </div>
            <input type="number">
        </label>

        <label class="item item-input">
            <div class="input-label">
                Range end
            </div>
            <input type="number">
        </label>

        <label class="item item-input">
            <div class="input-label">
                Step
            </div>
            <input type="number" placeholder="1">
        </label>

    </div>
</ion-content>