Ionic - 输入旁边没有显示按钮

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>

Ionic - 输入旁边没有显示按钮

Ionic - button not showing up next to input

ionic-framework

ionic2

ionic3

angular