Kurulum

Paketi yükle

npm i @nvs-dynamic-form/ng-core --save
# veya
yarn add @nvs-dynamic-form/ng-core

NvsDynamicFormModule kaydı

Kütüphaneyi kullanmak için NvsDynamicFormModule.forRoot(...) register etmeniz ve şunları sağlamanız gerekir:

• form elamanı (formFields): field adı → birleşen + model sınıfu eşlemesi
• buton birleşeni (submitButton) (opsiyonel varsayılan seçeneklerle)

Örnek (Standalone Angular / app.config.ts):

app.config.ts

import { ApplicationConfig, importProvidersFrom } from '@angular/core';
import { provideRouter } from '@angular/router';

import { NvsDynamicFormModule } from '@nvs-dynamic-form/ng-core';

import { routes } from './app.routes';

// Sizin custom component’leriniz
import { ButtonComponent } from './components/button/button.component';
import { TextboxComponent } from './components/fields/textbox/textbox.component';

// Field model class’ınız
import { TextboxField } from './components/fields/textbox/textbox.type';

export const appConfig: ApplicationConfig = {
  providers: [
    provideRouter(routes),
    importProvidersFrom(
      NvsDynamicFormModule.forRoot({
        formFields: {
          textbox: {
            component: TextboxComponent,
            class: TextboxField,
          },
        },
        submitButton: {
          component: ButtonComponent,
          defaultOptions: {
            label: 'Kaydet',
            isFullWidth: true,
            position: 'center',
            visible: true,
          },
        },
      }),
    ),
  ],
};