离子 - 输入旁边没有显示按钮

Question

我正在尝试制作一个表格。我需要有一个标签，在它下面 - 一个右侧有一个按钮的输入。这是代码：

<ion-item>
      <ion-label stacked class="config-view__input-label">Label text</ion-label>
      <ion-input type="text"></ion-input>
      <button ion-button >
          <ion-icon name="md-add"></ion-icon>
      </button>
</ion-item>

按钮只是没有显示。我可以做些什么来完成这项工作？

如果我在按钮上添加“item-right”，它就不会靠近输入：

我想知道为什么当我尝试这个时输入和按钮不显示：

<ion-item>
      <ion-label stacked class="config-view__input-label">Label text</ion-label>
      <ion-item>
      <ion-input type="text"></ion-input>
      <button ion-button >
          <ion-icon name="md-add"></ion-icon>
      </button>
      </ion-item>
</ion-item>

Answer 1

将item-right 或item-end 和align-self: flex-end 添加到button

<button item-end ion-button style="align-self: flex-end" >
      <ion-icon name="md-add"></ion-icon>
</button>