動的に追加されたアセットを提供する

Question

NodeJsアプリケーションに沿って実行するAngularアプリケーションを作成しています。 NodeJsアプリはAngularアプリフォルダ内のgalleryというフォルダを監視します。アイデアは、画像がギャラリーフォルダに追加されると、Angularアプリの一部として実行される画像スライドショーに追加する必要があるということです。

このアプリはメモリに保存されているため、画像がスライドショーに追加されると404秒になります。私は、イメージを読み込むために、サービスを強制終了して再起動する必要があります。私は、実際にスライドショーに画像をロードして、それをやり直して再起動する必要はありません。

これに対応する方法はありますか？

ギャラリーフォルダはcli config内のassetsフォルダの一部であり、コピーされます。これは、ngサービスが実行されている間にこのフォルダにファイルを追加して、イメージの読み込みに失敗したときだけです。

ありがとうございます！

Answer 1

angular-cli.jsonを開き、アプリのプロパティのアセットを編集します。

"assets": [ 
    "assets", 
    "favicon.ico", 
    { "glob": "**/*", "input": "./assets/gallery", "output": "./assets/gallery" } 
    ], 

Webpackはこれらのアセットを再コンパイルする必要がありますが、少なくともアプリケーションの起動と停止は必要ありません。

Angular CLI Documentation