2017-12-22 19 views
2

나는 각 4 이미지를 추가하려고 ...하지만하고 성공하지각도 4 개 디스플레이 이미지

내 폴더 : 나는 시도 무엇

SRC

- app 
    - job 
     job.component.css 
     job.component.html 
     job.component.specs.ts 
     job.component.ts 

- assets 
    - images 
     play-3.png 

favicon.ico 

:

<a href="ta_page" ><img src="../assets/images/play-3.png"/></a> 
<a href="ta_page" ><img src="../../assets/images/play-3.png"/></a> 
<a href="ta_page" ><img src="../../../assets/images/play-3.png"/></a> 
<a href="ta_page" ><img src="/assets/images/play-3.png"/></a> 
<a href="ta_page" ><img src="./assets/images/play-3.png"/></a> 
<a href="ta_page" ><img src="/assets/images/play-3.png"/></a> 
<a href="ta_page" ><img src="assets/images/play-3.png"/></a> 
<a href="ta_page" ><img src="./assets/images/play-3.png"/></a> 
<a href="ta_page" ><img src="assets\images\play-3.png"/></a> 
<a href="ta_page" ><img src="images/play-3.png"/></a> 
<a href="ta_page" ><img src="favicon.ico"/></a> 
<a href="ta_page" ><img src="./play-3.png"/></a> 
<a href="ta_page" ><img src="app/assets/images/play-3.png"/></a>    
<img ng-src="assets/images/play-3.png"> 
<img ng-src="images/play-3.png"> 

오류 :

Cannot GET /play-3.png

나는 ...

내가/src에, SRC/자산, SRC/자산/이미지로 내 이미지를 넣어 시도 .... 작동 파비콘 넣으면

편집 :

내 각-cli.json에서 펩티도 글리 칸 업로드

+1

src = "assets/images/play-3.png"이 것이 제대로 작동하고있을 수 있습니다. 당신은 당신 않겠다고 맹세 하오 IMG 태그 –

+0

새로운 시도, 가 작동하지 않는 오류를이 버그를 시도 :

Cannot GET /assets/images/play-3.png

+0

당신이 내 .angular-cli.json 파일이 있습니다 참고로 그 IMG –

답변

0

후 역할이 다시 시작을 쉬 NG - :

"apps": [ 
{ 
    "root": "src", 
    "outDir": "dist", 
    "assets": [ 
    "assets", 
    "favicon.ico" 
    ], 

해결책 .angular-cli.json 이것을 가지고 울드 :

> "apps": [ 
>  { 
>  "root": "src", 
>  "outDir": "dist", 
>  "assets": [ 
>   "assets", 
>   "favicon.ico" 
>  ] 

자산 것은 좋아, 지금은 자산 /src/assets/images/play-3.png에 폴더에 이미지를 넣어 가지고 정적 파일의 폴더, 마지막으로 당신은에 액세스 할 수 있습니다 당신이 app.component.html에서 다음 이미지를 사용하여 이미지를 작성하십시오 :

<img src="/images/play-3.png"/></a> 
+0

나는 나의 각 cli을 선전한다, 나는 똑같은 것을 가지고있다, 새로운 시도는 같은 오류 –