css – ionic – 在输入字段中添加按钮

我正在尝试在< 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中实现此布局?

解决方法

修复了最近的Ionic版本.在按钮上添加项目右键有效.
<ion-item>
 <ion-input type="password" placeholder="Password"></ion-input>
 <button clear item-right>Forgot</button>
</ion-item>

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效