Angular2 NgModel ViewModel

Question

我正在尝试创建一个指令，将数字转换为百分比，例如

数字/ 100

但我不希望用户在我希望看到它的模型中看到例如5/100 = 0.05

这是一个例子：用户看到5.12 /但它在后端发送的值应该改为5.12 / 100

我的代码看起来像这样

import { Directive, HostListener, ElementRef, OnInit  } from   '@angular/core';
import { NgModel } from '@angular/forms';

@Directive({
  selector: '[toPercentage]',
  providers: [NgModel]
})
export class ToPercentageDirective implements OnInit {


 constructor(private element: ElementRef, 
          private ngModel: NgModel) { }

 ngOnInit() {

    console.log("init");


    this.ngModel.valueChanges.subscribe(function (value){
      var percent = value / 100;
      $(this.element.nativeElement).data("newValue",percent);
      console.log(percent)
    });


 $(this.element.nativeElement).bind("customEvent", function(newVal){
     this.ngModel.update.emit(newVal);
 });

}

我该如何实现这个目标？

当它来自后端乘以* 100并且当它转到后端除以/ 100