离子2离子输入的归因指令错误

Question

我正在尝试按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>

但是这一切都失败了：

  

无法绑定到'mask'，因为它不是'ion-input'的已知属性。

Answer 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);
  }