Question

我有以下代码，它是用户可以在MAC地址中键入的Angular Material输入字段。我希望能够在用户输入的每2个字符后添加一个冒号（:)。此外，如果用户删除冒号旁边的字符，则应删除该特定的冒号

<mat-form-field>
  <input matInput placeholder="MAC address" name="mac_address" required [(ngModel)]="model.mac_address" (blur)="validate()">
  <mat-error *ngFor="let error of errors_by_field['mac_address']">{{error.message}}</mat-error>
</mat-form-field>

有什么想法如何在Angular 6中做到这一点？

Answer 1

我会在您的输入中添加一个事件，然后使用RewriteEngine on RewriteCond %{QUERY_STRING} ^ortregion=([^&]+) [NC] RewriteRule ^category/familien$ %{REQUEST_URI}?ort=%1 [NC,L,R=301]在一个单独的变量中执行所需的操作。

model.mac_address

然后添加功能

<mat-form-field>
  <input matInput (keyup)="changedInput($event)" placeholder="MAC address" name="mac_address" required [(ngModel)]="model.mac_address" (blur)="validate()">
  <mat-error *ngFor="let error of errors_by_field['mac_address']">{{error.message}}</mat-error>
</mat-form-field>

编辑

我使用（键）更改了（更改）指令，并更新了代码，以在用户书写时在输入字段中内写入格式化的文本。

角材质每2个字符后加半冒号

1 个答案: