Question

目前我有以下输入字段：

  `<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标签反转这个？

Answer 1

虽然您不会获得通缉，但最简单的方法是使用input type as password。这允许您保留显示的信息但显示点或星号，具体取决于客户端的浏览器。同样，您可以简单地绑定到在答案框中输入的任何值。

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

Here它正在行动

如何使用Angular2和typeScript将输入实时转换为星号

1 个答案: