我正在尝试在< 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>