Моя пользовательская директива не влияет на привязку моделей к переключателю типа ввода в угловых 6

Question

Я написал специальную директиву, которая преобразует английские числа в числа моего языка [фарси] и добавляет их ко всем моим нужным входам, и это хорошо работает с текстом типа ввода, но для радио типа ввода оно не внесло никаких изменений

в шаблоне:

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

Как привязать радиотекст типа ввода к моей пользовательской директиве? Любые советы или помощь будут оценены