文本掩码不适用于角度 2答案

【问题标题】：text-mask is not working for angular 2文本掩码不适用于角度 2
【发布时间】：2017-11-10 02:12:56
【问题描述】：

尝试使用

https://github.com/text-mask/text-mask/tree/master/addons#createnumbermask

  Uncaught Error: Template parse errors:
    Can't bind to 'textMask' since it isn't a known property of 'input'. ("lex="18" fxFlexOffset="1">


        <input [ERROR ->][textMask]="{mask: numberMask}" type="text" [(ngModel)]="myModel" ):

我正在使用

"angular2-text-mask": "^8.0.4",
"text-mask-addons": "^3.7.1",
"text-mask-core": "^5.0.1",

在我的模块中导入

imports: [
    BrowserModule,
    FormsModule,
    TextMaskModule
]

尝试在我的组件中使用

numberMask = createNumberMask({
    prefix:'',
    suffix:'',
    allowDecimal: true
  })

我的html

<md-input-container fxFlex="18" fxFlexOffset="1">
        <span mdPrefix>{{currencySymbol}} &nbsp;</span>
        <input [textMask]="{mask: numberMask}" type="text" [(ngModel)]="myModel" mdInput >
        <md-error>This field is required</md-error>
      </md-input-container>

【问题讨论】：

您是否正确导入了 createNumberMask: import createNumberMask from 'text-mask-addons/dist/createNumberMask' ？
我正在从 "text-mask-addons/dist/textMaskAddons" 导入 {createNumberMask};
不使用 createNumberMask 是否有效？这将表明它是插件问题还是掩蔽问题。如果你把面具全部取下来，它会起作用吗？输入类型应该是数字而不是文本？
它开始工作了，我必须在主模块和特定模块中导入TextMaskModule。
这仍然适用于最新的 Angular 版本吗？

标签： angular angular-material text-mask

【解决方案1】：

我必须在主模块以及应用程序的特定模块中导入模块

imports: [
    BrowserModule,
    FormsModule,
    TextMaskModule
]

【讨论】：