如何在angular 4中使用自定义类型的FormlyConfig

import { FormlyModule } from '@ngx-formly/core';
import { FormlyBootstrapModule } from '@ngx-formly/bootstrap';

@NgModule({
  imports: [
    // 其他模块
    FormlyModule.forRoot(),
    FormlyBootstrapModule,
  ],
  // 其他配置
})

export function customTypeConfig(formlyConfig: FormlyConfig) {
  formlyConfig.addType({
    name: 'custom',
    component: CustomComponent,
    wrappers: ['form-field'],
  });
}

@NgModule({
  imports: [
    // 其他模块
    FormlyModule.forRoot(),
    FormlyBootstrapModule,
  ],
  providers: [
    // 其他提供者
    { provide: FORMLY_CONFIG, multi: true, useFactory: customTypeConfig },
  ],
})

import { Component } from '@angular/core';
import { FormGroup } from '@angular/forms';
import { FormlyFieldConfig, FormlyFormBuilder } from '@ngx-formly/core';

@Component({
  selector: 'app-my-form',
  template: `
    <form [formGroup]="form" (ngSubmit)="onSubmit()">
      <formly-form [form]="form" [fields]="fields"></formly-form>
      <button type="submit">提交</button>
    </form>
  `,
})
export class MyFormComponent {
  form: FormGroup;
  fields: FormlyFieldConfig[];

  constructor(private formlyBuilder: FormlyFormBuilder) {
    this.form = new FormGroup({});
    this.fields = [
      {
        key: 'name',
        type: 'custom', // 使用自定义类型
        templateOptions: {
          label: '名称',
          placeholder: '请输入名称',
        },
      },
    ];
  }

  onSubmit() {
    // 处理表单提交
  }
}