angularjs2 ng2 密碼隱藏顯示代碼結(jié)合ionic2開發(fā)移動(dòng)端項(xiàng)目，注冊(cè)頁的密碼的input一般用password，但是用戶輸入密碼時(shí)可能會(huì)輸入錯(cuò)誤，需要顯示成text。

創(chuàng)新互聯(lián)建站，為您提供重慶網(wǎng)站建設(shè)公司、成都網(wǎng)站制作公司、網(wǎng)站營(yíng)銷推廣、網(wǎng)站開發(fā)設(shè)計(jì)，對(duì)服務(wù)成都不銹鋼雕塑等多個(gè)行業(yè)擁有豐富的網(wǎng)站建設(shè)及推廣經(jīng)驗(yàn)。創(chuàng)新互聯(lián)建站網(wǎng)站建設(shè)公司成立于2013年,提供專業(yè)網(wǎng)站制作報(bào)價(jià)服務(wù),我們深知市場(chǎng)的競(jìng)爭(zhēng)激烈，認(rèn)真對(duì)待每位客戶，為客戶提供賞心悅目的作品。 與客戶共同發(fā)展進(jìn)步，是我們永遠(yuǎn)的責(zé)任！

如圖：

首先，輸入框的類型判斷；

然后，添加眼睛的點(diǎn)擊事件，ngClass判斷圖標(biāo)樣式；

最后，附上ngClass的樣式，圖標(biāo)的隱藏顯示。

.eyehide .eye-hide, .eyeshow .eye-show{
  display: block;
}
.eyehidee .eye-show, .eyeshow .eye-hide{
  display: none;
}

 下面附上效果圖啦哈哈。。

初始狀態(tài)效果圖

打開眼睛之后效果圖

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。