Ionic3 - 无法绑定到“textMask”，因为它不是“离子输入”的已知属性

Posted 2023-03-13

【中文标题】Ionic3 - 无法绑定到“textMask”，因为它不是“离子输入”的已知属性

【英文标题】：Ionic3 - Can't bind to 'textMask' since it isn't a known property of 'ion-input'

【发布时间】：2018-11-16 15:41:29

【问题描述】：

我正在尝试在 ionic 3 上使用 textMask，但它不起作用 我收到错误消息（无法绑定到 'textMask'，因为它不是 'ion-input' 的已知属性）。我正在关注 Joshmorony 的教程 https://www.joshmorony.com/improve-mobile-form-ux-with-input-masks/

Click here to see the error message

app.module.ts

 import  TextMaskModule  from 'angular2-text-mask';
 @NgModule(
  imports: [
    FormsModule,
    TextMaskModule 
 ],

contact.html

        <ion-input type="tel" 
           [(ngModel)]="phoneNumber" 
           [textMask]="mask: masks.phoneNumber" >
        </ion-input>

contact.ts

  import  TextMaskModule  from 'angular2-text-mask';

  export class ContactPage 
  form: FormGroup;
  masks: any;

  phoneNumber: any = "";

  constructor() 
    this.masks = 
        phoneNumber: ['(', /[1-9]/, /\d/, /\d/, ')', ' ', /\d/, /\d/, /\d/, '-', /\d/, /\d/, /\d/, /\d/],
    ;
 

【参考方案1】：

如果您有现有的 home.module.ts 或 contact-page.module.ts（基于图像），请向它们导入 TextMaskModule 而不是在 app.module.ts 中

【讨论】：

我在contact-page.module.ts 中导入了TextMaskModule，它工作正常。感谢您的帮助。