NgxHelpers

Librería de utilidades para Angular que facilita la gestión de formularios, validaciones, peticiones HTTP y manipulación de arreglos.

Contenido

ApiRestService

Servicio genérico para realizar peticiones HTTP REST (GET, POST, PUT, PATCH, DELETE) de manera sencilla y reutilizable.

import { ApiRestService } from 'ngx-helpers';
import { lastValueFrom } from 'rxjs/src';

@Injectable({
    providedIn: 'root'
})
export class UserService extends ApiRestService<User> {
    
    constructor(http: HttpClient) {
        super(http);
    }
    
}

// Uso en componente con subscripción
this.userService.getAll().subscribe(users => console.log(users));
// Uso en componente con promesa
this.userService.getAll().toPromise().then(users => console.log(users));
// ó
lastValueFrom(this.userService.getAll()).then(users => console.log(users));

Validaciones de Formularios

Funciones para validar CURP, RFC, email, campos numéricos, alfabéticos, alfanuméricos, direcciones IP y coincidencia de emails en formularios reactivos.

import { FormControl } from '@angular/forms';
import { validateCurp, validateEmail } from 'ngx-helpers';

const curpControl = new FormControl('', [validateCurp]);
const emailControl = new FormControl('', [validateEmail]);
const rfcControl = new FormControl('', [validateRfc]);
const numericControl = new FormControl('', [validateNumeric]);
const alphabeticControl = new FormControl('', [validateAlphabetic]);
const alphanumericControl = new FormControl('', [validateAlphanumeric]);
const ipControl = new FormControl('', [validateIp]);

Generador de parametros QueryParams, PathParams, Headers y Options

Función para construir fácilmente los objetos de opciones (queryParams, pathParams, headers y adicionales) para peticiones HTTP en Angular.

import { getHttpParamsHeaders } from 'ngx-helpers';

const options = getHttpParamsHeaders(
  { paramsObject: { id: 1 }, headersObject: { Authorization: 'Bearer token' }, additionalOptions: { observe: 'response' } }
);
this.http.get('/api', options);

Manipulación de Arreglos

Función para construir fácilmente los objetos de opciones (params y headers) para peticiones HTTP en Angular.

import { MutableArrays } from 'ngx-helpers';

const arrHelper = new MutableArrays<any>();
const cloned = arrHelper.cloneArray([{ id: 1, name: 'A' }]);
const item = arrHelper.getElement(1);
arrHelper.changeAttribute(1, 'name', 'B');

Instalación

npm i ngx-helpers

Compatibilidad

Compatible con Angular desde la versión 12.0.0 hasta 20.2.0.