通过属性指令以编程方式将@Input添加到组件

时间:2019-04-09 09:12:07

标签: angular ionic3 angular-directive

我想创建一个指令,该指令将根据某些传递的属性自动向主机组件(离子输入)添加一些属性。

在HTML中,它应如下所示:

<ion-input myDirective [myProperties]="attr.paras" [(ngModel)]="attr.value"></ion-input>

通过该指令,我想添加一些属性,如min,max,minlength和maxlength。然后该组件应如下所示:

<ion-input myDirective [myProperties]="attr.paras" [(ngModel)]="attr.value" [min]="1" [max]="100"></ion-input>

由于验证,添加的属性应在其他指令中使用@Input识别。我该如何实现?

如果我做类似的事情

this.el.nativeElement.setAttribute('min', this.min);

验证指令(使用@Input)将无法识别此属性。

  

编辑:没有人知道该问题的解决方案吗?如果我改为创建一个组件,由于包裹标签,离子组件将无法正常工作。

谢谢

锡洛

0 个答案:

没有答案