Angular-Cli：アセットフォルダの外にある画像にアクセスするにはどうすればいいですか

Question

Angularの新機能で、学習ライトとして写真ライトボックスを作成しました。プロジェクトフォルダの外から画像を使用する方法はありますか？私はここで参照されたGlob（https://github.com/angular/angular-cli/issues/3555）を使用し、.angular-cli.jsonファイル（下記参照）にディレクトリパスを挿入してみましたが、両方とも成功しませんでした。これは角度CLIで可能ですか？

"assets": [ 
      "assets", 
      "assets/img", 
      "D:/training/img", // full path 
      "../../../img", // relative path 
      "favicon.ico" 
      ], 

Answer 1

globでこれを実行できるはずです。私はあなたのcli.jsonでフォルダ構造

/outsideDirectory 
    testImg.jpg 
/myProject 
    /node_modules 
    /src 
    .angular-cli.json 

を持っている場合たとえば、あなたはこれが/dist/assets/ディレクトリにoutsideDirectoryの内容をコピーしますグロブ

"assets": [ 
    {"glob": "**/*", "input": "../../outsideDirectory", "output": "./assets/"} 
] 

を定義することができます。今度はコード内で画像を使用できます

<img src="assets/testImg.jpg"> 

cli.jsonのアセットは静的アセット用です。画像をoutsideDirectoryに動的にプッシュする場合は、画像を自分でホストするか、サービスを使用してからフルURLで参照する方がよいでしょう。これは、あなたのグロブからのイメージは、（ビルド時に発生する）outsideDirectoryコンテンツのコピーだけであるためです。

Answer 2

は、下記の手順：srcに

私の画像を=>画像=>それは

.angular-cli.json

オープン資産フォルダの外にあります意味1.png angular-cli.jsonファイルアセットアレイを見つける配列の中に画像のようなフォルダ名を追加する

"assets": [ 
    "assets", 
    "images", 
    "favicon.ico" 
], 

componenet.html

<img src="images/1.png">