Comment obtenir vers le répertoire public

- Je utiliser angulaires-cli dans mon projet, et je veux utiliser une image globale - mon site à l'image du logo.

Que je comprends de la public répertoire à la racine du projet (qui angular-cli créé) pour les biens publics - ce qui semble être un bon endroit pour mettre mon image (corrigez-moi si je me trompe).

Mais, quand j'ai essayer de faire cette image dans mon <img src="/public/book4u-logo.svg" /> tag, je reçois 404. La raison en est, bien sûr, ma racine du projet est la src répertoire et non pas le répertoire racine du projet.

Alors, comment dois-je arriver à ce répertoire? Ou dois-je placer mon image dans un autre répertoire?

Mon arborescence du projet (j'ai supprimer l'inutile suff):

.
├── angular-cli-build.js
├── angular-cli.json
├── package.json
├── public
│   ├── book4u-logo.svg
│   └── hero-image-default.jpg
├── src
│   ├── app
│   │   ├── bfy.component.html
│   │   ├── bfy.component.scss
│   │   ├── bfy.component.ts
│   │   ├── environment.ts
│   ├── favicon.ico
│   ├── index.html
│   ├── main.ts
│   ├── system-config.ts
│   ├── tsconfig.json
│   └── typings.d.ts
├── tslint.json
└── typings.json

La img balise est à /src/app/bfy.component.html et l'image elle-même est à /public/book4u-logo.svg.

src/shared/assets/img/ fait sens pour moi.
Il doit être juste <img src="/book4u-logo.svg" />.. Tout en public/ est copié à dist/ "qui est le dossier racine pour votre application..

OriginalL'auteur Nir | 2016-06-19