啟動多個 app

• 默認啟動 app 的命令：ionic serve
• 如果已經(jīng)啟動一個 app ，執(zhí)行上述命令無法同時啟動第二個 app

• 配置 “--dev-logger-port” 參數(shù)，默認值是：53703。啟動第二個 app 的命令：

  ionic serve --dev-logger-port 53704

登錄頁顯示/隱藏密碼

• 關鍵點：修改 ion-input 的 type 屬性
• HTML

<ion-item class="input-item"><ion-label class="label">密&emsp;碼</ion-label><!-- 根據(jù) passwordHide 開關修改 ion-input 的 type 屬性 --><!-- 注意設置 clearOnEdit="false"。避免改變 type 值，input 會自動清空的情況 --><ion-input [type]="passwordHide?'password':'text'" (ionFocus)="disabledScroll()" formControlName="password" clearInput="true" clearOnEdit="false"></ion-input><!-- 修改圖標 --><img [src]="passwordHide?'./assets/icon/pHide.png':'./assets/icon/pShow.png'" item-right class="password-operate" (click)="operatePassword()"></ion-item> 復制代碼

• typescript

// 定義控制開關 passwordHide: boolean = true;// 修改開關 passwordHide 的值 operatePassword() {this.passwordHide = !this.passwordHide; } 復制代碼

• 效果

總結

以上是生活随笔為你收集整理的ionic 实用技巧的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。