我编写了一个自定义指令,该指令将英语数字转换为我的[Farsi]语言数字,并将其添加到我所有需要的输入中,并且可以很好地与输入类型文本配合使用,但是对于输入类型单选则没有任何改变
在模板中:
<div class="form-group" >
<label> .. </label>
<label class="checkbox">
<input type="radio" name="customerPostCode"
#customerPostCode="ngModel"
[(ngModel)]="sCustomer.postCode"
(change)="setCustomerAddress(i)"
[value]="item.postCode" checked
appFarsiNum >
{{item.postCode}}
</label>
</div>
和类指令中的
@Directive({
selector: '[appFarsiNum]'
})
...
private el: HTMLInputElement;
constructor(private elementRef: ElementRef, private farsiNum: FarsiNumPipe) {
this.el = this.elementRef.nativeElement;
}
ngAfterContentChecked() {
this.el.value = this.farsiNum.transform(this.el.value);
}
@HostListener("change", ["$event.target.value"])
onChanges(value) {
this.el.value = this.farsiNum.transform(value);
}
如何将输入类型的单选文本绑定到我的自定义指令? 任何提示或帮助将不胜感激