从代码primeng Angular 5动态设置掩码

Question

想要重复使用输入字段，但是相对于表单上的其他值更改掩码（例如，从p-dropdown选择框中选择的值，如果选择的值是“Mobile”，则应用手机的掩码，如果是电子邮件然后应用电子邮件掩码）。我试图用代码belove实现这个但它不起作用。

<p-inputMask formControlName="communicationType" mask="{{communicationTypeMask}}"></p-inputMask>

任何想法，如果这是可能的或要调用的事件让它识别掩码更改？

Answer 1

你可以使用onChange的p-dropdown事件来更新p-inputMask的面具。

<p-dropdown [options]="communications" [(ngModel)]="communication" (onChange)="changeMask()"></p-dropdown>

这是TS代码：

   changeMask() {
     if(this.communication==="mobile") {
       this.communicationTypeMask = "99 99 99 99 99";
     } else if(this.communication==="mail") {
       this.communicationTypeMask = "**********@*****.**";
     } else {
       this.communicationTypeMask = "";
     }
   }

（不关心我写的面具，他们错了，但不是重点）

见Plunker