我正在將 Angular 8 用于我的 Angular-Electron 應(yīng)用程序。我有一個(gè)以表格格式存儲(chǔ)的 API 密鑰字段，該字段非常敏感，需要在用戶(hù)的帳戶(hù)頁(yè)面上向用戶(hù)顯示。問(wèn)題是它需要顯示為密碼文本字段。每當(dāng)用戶(hù)單擊名為“顯示”的按鈕時(shí)，API 密鑰可能會(huì)顯示幾秒鐘，或者直到用戶(hù)再次單擊該按鈕。它不能顯示為輸入字段。這是向用戶(hù)顯示用戶(hù)帳戶(hù)詳細(xì)信息的方式：<table _ngcontent-ipg-c7="" class="table"> <thead _ngcontent-ipg-c7="" class=" text-info"> <th _ngcontent-ipg-c7="" style="text-align: center;"> Account Name </th> <th _ngcontent-ipg-c7="" style="text-align: center;"> API Key </th> <th _ngcontent-ipg-c7="" style="text-align: center;"> API Version </th> <th _ngcontent-ipg-c7="" style="text-align: center;"> Imported </th> </thead> <tbody _ngcontent-ipg-c7=""> <tr _ngcontent-ipg-c7="" *ngIf="accountDetails"> <td _ngcontent-ipg-c7="" style="text-align: center;"> {{accountDetails?.accountID}}</td> <td _ngcontent-ipg-c7="" style="text-align: center;"> {{accountDetails?.apiKey}}</td> <td _ngcontent-ipg-c7="" style="text-align: center;"> {{accountDetails?.apiVersion}}</td> <td _ngcontent-ipg-c7="" style="text-align: center;"> {{accountDetails?.is_imported}} </td> </tr> </tbody></table>
1 回答
互換的青春
TA貢獻(xiàn)1797條經(jīng)驗(yàn) 獲得超6個(gè)贊
最快的解決方案是創(chuàng)建函數(shù)并在 html 中編寫(xiě)函數(shù)。
<td _ngcontent-ipg-c7=""(click)="showApi()" style="text-align: center;"> {{getApiPass()}}</td>
isshow=false;
getApiPass(){
if(this.isshow){
return this.accountDetails?.apiKey;
}
return "******";
}
單擊只需更改 isshow 下面的這樣的功能；
showApi(){
this.isshow=!this.isshow;
}
這是示例代碼，您應(yīng)該用真實(shí)的參數(shù)名稱(chēng)更改參數(shù)名稱(chēng)。
- 1 回答
- 0 關(guān)注
- 136 瀏覽
添加回答
舉報(bào)
0/150
提交
取消