离子 2 离子输入的属性指令错误答案

【问题标题】：Attribure directive error with ionic2 ion-input离子 2 离子输入的属性指令错误
【发布时间】：2017-07-26 15:15:20
【问题描述】：

我正在尝试按照this tutorial 制作一个用于屏蔽ion-input 中文本的属性指令。

这就是我在directive.mask.ts 中声明选择器和输入变量的方式

@Directive({
  selector: '[mask]'
})
export class Mask {
  @Input() maskPattern: string;

我还在我的模块中添加了Mask 到declarations。

以下是我尝试将此属性与输入一起使用的方式：

<ion-input [mask]="maskPattern" type="text"></ion-input>

但这一切都因这个错误而失败：

无法绑定到“掩码”，因为它不是“离子输入”的已知属性。

【问题讨论】：

【解决方案1】：

不要使用 [ ]

<ion-input mask="maskPattern" type="text"></ion-input>

// 指令

@Input("mask") maskPattern: string;

  ngOnInit(){
    console.log(this.maskPattern);
  }

// 或

 @Input() mask: string;

  ngOnInit(){
    console.log(this.mask);
  }

【讨论】：

谢谢。但这似乎也不起作用。它不会引发该特定错误，但绑定不起作用。当我尝试在Mask 类中从ngOnInit() 访问maskPattern 时，我得到一个空引用。