怎样实现登录帐号密码输入框和显示密码功能

mickymin

如附件所示，希望实现这个样式的登录密码输入框（右边有个叉样式的清除键）和ion-eye图标实现点击切换是否显示密码的功能？

我是新手，只能做到这样的效果，55

1.       <label class="item item-input">
   
2.         <span class="input-label">密码</span>
   
3.         <input type="password"  ng-if="test1==false" ng-model="password" placeholder="请输入密码">
   
4.         <input type="text" ng-if="test1==true" ng-model="password" placeholder="请输入密码">
   
5.         <!--<input ng-class="type={'password':test1,'text':!test1}" ng-model="password" placeholder="请输入密码">-->
   
6.         <div ng-class="{'ion-eye':test1,'ion-eye-disabled':!test1}" style="font-size:200%" ng-click="showword()"></div>
   
7.       </label>

复制代码

求高手版主指教！

admin

自己用一个图片，用css做个定位放在右侧，输入框有数据的时候就显示。

点击的时候 执行删除输入框的数据