如何将格式化的值显示为用户类型，但将原始值发送到Angular 4 formControl进行验证和formControl值？

在Angular 4中，可以使用自定义管道来实现将格式化的值显示为用户类型，同时将原始值发送到formControl进行验证和存储。

首先，创建一个自定义管道，用于将原始值转换为用户类型的格式化值。可以使用@Pipe装饰器来定义一个管道，并实现PipeTransform接口的transform方法。在transform方法中，可以根据需要进行格式化操作。

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'formatValue'
})
export class FormatValuePipe implements PipeTransform {
  transform(value: any): any {
    // 根据需要进行格式化操作
    // 返回格式化后的值
  }
}

接下来，在模板中使用该管道来显示格式化后的值。可以使用管道名称和管道符号（|）将原始值传递给管道。

<p>格式化值: {{ originalValue | formatValue }}</p>

然后，创建一个表单控件（formControl）来处理验证和存储原始值。可以使用FormControl类来创建一个表单控件，并在模板中使用formControlName指令将其与表单关联起来。

import { Component } from '@angular/core';
import { FormControl } from '@angular/forms';

@Component({
  selector: 'app-form',
  template: `
    <form [formGroup]="myForm">
      <input type="text" formControlName="myControl">
    </form>
  `
})
export class MyFormComponent {
  myForm = new FormGroup({
    myControl: new FormControl()
  });
}

最后，将原始值发送到表单控件进行验证和存储。可以使用setValue方法将原始值设置为表单控件的值。

import { Component } from '@angular/core';
import { FormControl } from '@angular/forms';

@Component({
  selector: 'app-form',
  template: `
    <form [formGroup]="myForm">
      <input type="text" formControlName="myControl">
    </form>
  `
})
export class MyFormComponent {
  myForm = new FormGroup({
    myControl: new FormControl()
  });

  setOriginalValue(originalValue: any) {
    this.myForm.get('myControl').setValue(originalValue);
  }
}

这样，就可以将格式化的值显示给用户，同时将原始值发送到Angular 4的formControl进行验证和存储。

关于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体的云计算品牌商，建议查阅腾讯云官方文档或咨询腾讯云客服获取相关信息。