css - 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 版本中修复。在按钮上添加 item-right 是可行的。

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