我的自定义指令不影响模型绑定到角度为6的输入类型单选按钮

时间:2019-05-18 08:29:17

标签: javascript angular typescript angular6 angular-directive

我编写了一个自定义指令,该指令将英语数字转换为我的[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);
  }

如何将输入类型的单选文本绑定到我的自定义指令? 任何提示或帮助将不胜感激

0 个答案:

没有答案