Angular 如何在ionic2中添加图标按钮标签和单行输入？

在休闲代码中，我尝试将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>

起源
目标
开始

---

它单独显示每个项目或将带有标签的文本显示在一起，但按钮不显示在文本框的末尾。

一种方法是使用ion row、ion col按您需要的格式排列。选中 例如：

起源

我已经有了这个想法，但我个人对此并不感兴趣，我只是将按钮更改为标签，并在标签上添加“单击”。好的。您可以添加您的答案。如果其他人正在寻找相同的问题

 <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>