角度2でUUIDを生成する方法は？

Question

登録フォームに「Angular 2」を使用しています： 名、姓、メールアドレス、パスワード。

送信後、データはデータベース（nodeJsおよびmongo）のAPI呼び出しを介して格納され、クライアントに返されるJWTトークンを生成します。

ここでは、UUID（Universal Unique Identifier）を追加/生成する必要があります。前にこの種の機能を使ったことがないので、これを達成する方法とアイデア/解決策が必要です.JWTトークンはUUIDの代替品ですか？はいの場合は、これで十分でしょう。

それ以外の場合は、フォームまたはその機能に大きな変更を加えないことをお勧めします。

私は検索しましたが、有用な解決策が見つかりませんでした。私はnpmパッケージangular2-uuidを試しましたが、それを依存関係としてインストールした後、ng build -prodは明らかではないエラーを投げます。

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

エラー：

ERROR in ./~/@angular/flex-layout/@angular/flex-layout.es5.js Module 
build failed: Error: ENOENT: no such file or directory, open 
'/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 

任意のアイデアやヒントしてください？

Answer 1

問題が修正されました。解決方法：パッケージangular2-uuidをコマンドライン経由でインストールしたとき、そのパッケージの直前または直後にpackage.jsonに自動的に格納されていたことがわかりました。@angular/flex-layout

エラーが明確でないため、私はちょうどpackage.jsonの別の位置にそれを削除してエラーがなくなりました。すべて正常に動作します。

Answer 2

は言うDOCとして、この（https://github.com/wulfsolter/angular2-uuid）

を試してみてください。

import { UuidService } from 'angular2-uuid'; 

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

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

は、それはあなたに役立ちます願っています！ ..ここから報告されている内容から少し変わったのが分かりますか（https://www.npmjs.com/package/angular2-uuid）

Answer 3

それが好きで使用し、角度の一部です：

import { v4 as uuid } from 'uuid'; 

@Component(..) 
export class AppComponent { 

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