ionic - 在输入字段中添加按钮

Question

我正在尝试添加一个按钮,<ion-input>但是我在其中添加它<ion-list>的按钮内部没有显示在屏幕上.

我要做的是在右侧对齐的密码字段顶部显示一个"忘记"按钮.参考屏幕:

这是我的HTML,

<ion-content>
  <ion-list class="au-form" inset padding>
        <ion-item>
            <ion-input type="text" placeholder="Username"></ion-input>
        </ion-item>
        <ion-item>
            <ion-input type="password" placeholder="Password"></ion-input>
            <button clear>Forgot</button>
        </ion-item>
   </ion-list>
</ion-content>

如何在Ionic 2中实现此布局？

Answer 1

修复了最近的Ionic版本.在按钮上添加项目右键有效.

<ion-item>
 <ion-input type="password" placeholder="Password"></ion-input>
 <button clear item-right>Forgot</button>
</ion-item>

Answer 2

对于 ionic 4，它看起来有点不同：

<ion-item>
 <ion-input type="password" placeholder="Password"></ion-input>
 <button clear slot="end">Forgot</button>
</ion-item>

他们引入了开始和结束值而不是左右，这使得为从左到右和从右到左书写方向构建界面变得更容易