从指令中添加指令

Question

我有一个指令来决定是否需要输入，蒙面，等等.我遇到了需要向其添加一个新指令的情况:基本上，这个新指令将掩码特性添加到输入中。

<input type="text" formInput [rules]="rules"  [(ngModel)]="value" />

这是formInput指令：

export class DefaultFormInputDirective {

@Input() private rules;
private el: ElementRef;

constructor(el: ElementRef) {
    this.el = el;
}

ngOnInit() {
    this.defineRules();
}

defineRules() {

    if(this.rules == undefined) {
        return;
    }

    if(this.rules.indexOf('required') != -1) {
        this.el.nativeElement.required = true;
    }

    if(this.rules.indexOf('numeric') != -1) {
        // Here is where I need to add currencyMask directive
    }

}

}

这是我正在使用的包：https://www.npmjs.com/package/ng2-currency-mask

Answer 1

在大多数情况下，我建议将属性直接添加到输入中，因为对我来说，这似乎要复杂得多。

无论如何，为了实现这一点，您可以创建某种类型的输入抽象组件，该组件将接受类似type这样的输入，将与ngModel一起工作(例如，您可以找到更多关于此这里或这里的信息)，并将包含任何属性和指令所需的任何输入。

所以最后看起来可能是这样的：

<custom-input type="text" formInput [rules]="rules" [(ngModel)]="value"></custom-input>

然后，您可以隐藏在这个组件中实际输入的逻辑:分配所需的属性、指令和许多其他需要的东西。

Answer 2

不支持动态添加指令。只能动态添加/删除组件。