Как добавить ярлык кнопки и ввести вместе в одну строку в ionic2?

Question

В паровании коды я пытаюсь добавить 3 элемента вместе, но это не удается, и кнопка не отображается на выходе

<ion-content> 
    <ion-item> 
    <ion-label fixed>Origin</ion-label> 
    <ion-input type="text" value=""></ion-input> 
    <ion-buttons end> 
     <button ion-button icon-only> 
     <ion-icon name="locate"></ion-icon> 
     </button> 
    </ion-buttons> 
    </ion-item> 

    <ion-item> 
    <ion-label fixed>Target</ion-label> 
    <ion-input type="text" value=""></ion-input> 
    <ion-buttons end> 
     <button ion-button icon-only> 
     <ion-icon name="locate"></ion-icon> 
     </button> 
    </ion-buttons> 
    </ion-item> 
<button ion-button full>Start</button> 
</ion-content> 

это показывает каждый элемент отдельно или текст с этикеткой вместе, но кнопка не отображается в конце текстовое окно.

Answer 1

Один из способов сделать это с помощью ионно-рядная, ион-седловины для размещения в имеющемся формате require.Check here Пример:

<ion-row> 
    <ion-col width-80> 
     <ion-item> <ion-label fixed>Origin</ion-label> <ion-input type="text" value=""></ion-input> </ion-item> 
    </ion-col> 
    <ion-col> 
    <button ion-button icon-only> <ion-icon name="locate"></ion-icon> </button> 
</ion-col> 
</ion-row>