Providing Formwork

ngx-formwork is provided and configured in app.config.ts.

app.config.ts

export const appConfig: ApplicationConfig = {
  providers: [
    // other providers
    provideFormwork({
      componentRegistrations: {
        // Component registrations go here
      },

      // validatorRegistrations are optional
      validatorRegistrations: {
        // Validator registrations go here
        // Following Angular validators are registered by default
        // Validators.required
        // Validators.requiredTrue
        // Validators.email
        // Validators.nullValidator
      },

      // asyncValidatorRegistrations are optional
      asyncValidatorRegistrations: {
        // Async Validator registrations go here
      },
    })
  ]
};

Splitting configuration

To avoid bloating your config, put your registrations in a separate file

Registrations

component.registrations.ts

export const componentRegistrations: ComponentRegistrationConfig = {
  // Component registrations go here
}

validator.registrations.ts

export const validatorRegistrations: ValidatorConfig<RegistrationRecord> = {
  // Validator registrations go here
}

export const asyncValidatorRegistrations: AsyncValidatorConfig<RegistrationRecord> = {
  // Async Validator registrations go here
}

Usage

app.config.ts

provideFormwork({
  componentRegistrations,
  validatorRegistrations,
  asyncValidatorRegistrations
})