如何轉換輸入星號與Angular2和打字稿

實時

`<h5>Answer</h5><span><a href="#" (click)="plainText(answer.value)">(show) 
<input type="text" #answer (keyup)="asterisk(answer.value)" class="vg-form-control" placeholder="**********">`

我想給用戶文本轉換成星號，因爲他們打字。因此，在UI上輸入測試應該看起來像****。

另外，是否有可能通過「show」href標記來反轉這一點？

來源

2016-06-27 Kevin Alwell

這是一個有點複雜，但其基本思想可用於您的使用情況也是如此。它要求你使用'ngModel'將輸入綁定到一個屬性上http://stackoverflow.com/questions/37800841/input-mask-fields-in-angular2-forms/37887432#37887432 –

雖然你不會得到明星，但最簡單的方法是使用input type as password。這允許您保留所顯示內容的信息，但顯示點或星號，具體取決於客戶端的瀏覽器。同樣，您可以簡單地綁定到輸入到答案框中的任何值。

<input [type]="type" [(ngModel)]="answer"> 
    <button (click)="type = (type === 'password') ? 'text' : 'password'">Show</button>

Here它是在行動

來源

2016-06-27 22:50:56

如何轉換輸入星號與Angular2和打字稿

回答

相關問題