AhmDinamicForms

Esta es una librería que se crea para generar formularios de manera dinámica.

Versión 13.3.0.

Estructura del código

Ejecuta ng generate component nombre-del-componente --project ahm-dinamic-forms para generar un nuevo componente. También puedes usar ng generate directive|pipe|service|class|guard|interface|enum|module --project ahm-dinamic-forms.

Nota: No olvides agregar --project ahm-dinamic-forms, de lo contrario, el componente se agregará al proyecto predeterminado en tu archivo angular.json.

Cómo utilizar la librería.

Para implementar el formulario exite el servicio que se encarga de generar el formulario al cual se le debe compartir el JSON de configuración como este:

  let userForm: formInterface = {
    name: 'users',
    label: 'Usuarios',
    butonText: 'Enviar',
    controls: [{
      key: 'termsAndConditios',
      label: 'Terminos y condiciones',
      type: "switch",
      order: 2
    }, {
      key: 'bankId',
      label: 'Banco',
      type: "dropdown",
      value: 1,
      placeholder: 'Selecciona banco',
      options: [
        { key: 1, value: 'BBVA' },
        { key: 2, value: 'HSBC' },
        { key: 3, value: 'INVEX BANCO' },
        { key: 4, value: 'BANCO AUTOFIN' },
        { key: 5, value: 'SI VALE' },
        { key: 6, value: 'SORIANA' },
        { key: 7, value: 'PLATA' }
      ],
      order: 1
    }]
  }

Compilación

Ejecuta ng build ahm-dinamic-forms para compilar el proyecto. Los artefactos de la compilación se almacenarán en el directorio dist/.

Publicación

Después de compilar tu librería con ng build ahm-dinamic-forms, ve a la carpeta dist con cd dist/ahm-dinamic-forms y ejecuta npm publish.

Ejecución de pruebas unitarias

Ejecuta ng test ahm-dinamic-forms para ejecutar las pruebas unitarias a través de Karma.

Más ayuda

Para obtener más ayuda sobre el uso de Angular CLI, ejecuta ng help o consulta la página Resumen de Angular CLI y referencia de comandos.