Hice el componente de entrada y el componente de renderizado de forma formal.

Esto es algo simple: el componente de la aplicación representa el componente de representación y el componente de representación representa el componente de entrada.

Pero el componente de entrada no se procesa. ¿Por qué cómo hacer que funcione?

Seguí de acuerdo con el ejemplo de repetición formal .

codigosandbox

 @Component({ selector: "formly-input", template: ` <input /> ` }) export class InputTypeComponent extends FieldType {}

Componente de renderizado:

 @Component({ selector: "formly-render", template: ` this should be render: <formly-field [field]="{ type: 'input' }"></formly-field> ` }) export class RenderTypeComponent extends FieldType {}

Ambos se registran en el componente raíz:

 FormlyModule.forRoot({ types: [ { name: "input", component: InputTypeComponent }, { name: "formly-render", component: RenderTypeComponent } ] })