Angular2 NgModel ViewModel

时间:2017-04-07 14:53:16

标签: angular angularjs-directive

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

数字/ 100

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

enter image description here

这是一个例子:用户看到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

0 个答案:

没有答案