angular2 - ¿Cómo generar UUID con angular 2?

uuid angular 1

Question

Estoy usando Angular 2 para un formulario de registro: nombre, apellido, correo electrónico y contraseña.

Después del envío, los datos se almacenan mediante una llamada a la API en una base de datos (nodeJs y mongo) y generan un token JWT que se envía de vuelta al cliente.

Ahora debo agregar / generar un UUID (Universal Unique Identifier). Como nunca antes había hecho este tipo de función, necesito un enfoque, una idea o una solución para lograrlo ... ¿sería el token JWT un tipo de alternativa al UUID? Si es así, esto sería suficiente.

De lo contrario, preferiría evitar grandes cambios en el formulario o su funcionalidad.

He estado buscando, pero no encontré una solución útil. Probé el paquete angular2-uuid , pero después de instalarlo como dependencia, ng build -prod un error que no está claro.

import { UUID } from ''angular2-uuid'';
....
let uuid = UUID.UUID();

Error:

ERROR en ./~/@angular/flex-layout/@angular/flex-layout.es5.js Falló la compilación del módulo: Error: ENOENT: no existe tal archivo o directorio, abra ''/ Users / username / dev / app / node_modules / @ angular / flex- layout/@angular/flex-layout.es5.js ''@ ./src/$$_gendir/app/app.module.ngfactory.ts 25: 0-44 @ ./src/main.ts @ multi webpack-dev-server / client? http: // localhost: 4200 ./src/main.ts

¿Alguna idea o sugerencia por favor?

Answer 1

Problema solucionado. Solución: Descubrí que cuando angular2-uuid el paquete angular2-uuid través de la línea de comandos, se almacenó automáticamente en package.json directamente antes / sobre el paquete: @angular/flex-layout .

Como el error no estaba claro, simplemente lo eliminé a otra posición en: package.json y el error desapareció. todo funciona bien

Answer 2

Se descarga como parte de la dependencia de Angular, úselo como:

import { v4 as uuid } from ''uuid'';

@Component(..)
export class AppComponent {

  console.log(''new uid: '', uuid());
}

Answer 3

intente esto ( https://github.com/wulfsolter/angular2-uuid )

Como dice el doc.

import { UuidService } from ''angular2-uuid'';

constructor(private uuid: UuidService) //<-- pass it in contructor as service

const uuid = this.uuid.generate(); //<-- use it

Espero que te ayude! ... como puede ver, cambió un poco con respecto a lo que se informa aquí ( https://www.npmjs.com/package/angular2-uuid )