离子-输入旁不显示按钮

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>