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

问题描述

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

I am trying to use textMask on ionic 3, but it's not workingI am getting error message (Can't bind to 'textMask' since it isn't a known property of 'ion-input') . I am following Joshmorony's tutorial https://www.joshmorony.com/improve-mobile-form-ux-with-input-masks/

点击这里查看错误信息

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/],
    };
 }
}

推荐答案

如果您有现有的 home.module.ts 或 contact-page.module.ts(基于在图像上)，将 TextMaskModule 导入到它们，而不是在 app.module.ts 中

If you have existing home.module.ts or contact-page.module.ts (based on the image), do the importing of TextMaskModule to them and not in the app.module.ts

这篇关于Ionic3 - 无法绑定到“textMask"，因为它不是“离子输入"的已知属性的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！