GithubページはAngularJS 1.xサイトの画像を表示しませんか？

Question

私はAngular 1.xで単純な1ページのサイトを作ったが、Githubページに自分の画像を読み込まない。ここではgithubのページサイトへのリンクは次のとおりです。

https://capozzic1.github.io/angular-car-spa-v2/

私はこれについて、他のStackOverflowのポストをチェックしたと答えを見つけるように見えることはできません。私は単純なスライダーにロードしようとしている2つの画像を持っています。ここに私のディレクティブのjsファイルのコードは次のとおりです。あなたは、フォルダ構造を見たい場合はここで

this.carData = [{ 
       class:'A4', 
       name: "Audi A4", 
       tagline: "The time is now.", 
       img: "/img/big/car1.jpg" 
       }, 
       { 
       class:'A5', 
       name: "Audi A5", 
       tagline: "Do you like power?", 
       img: "/img/big/car2.jpg"} 
       ]; 

はレポへのリンクです：

https://github.com/capozzic1/angular-car-spa-v2

私は両方の画像ということもを確認しましたレポで働いています。

Answer 1

ウェブサイトがルートでホストされていないため、画像URLからスラッシュを削除する必要があります。適切な相対パスを指定する必要があります。 jsonを次のように変更してください

this.carData = [{ 
       class:'A4', 
       name: "Audi A4", 
       tagline: "The time is now.", 
       img: "img/big/car1.jpg" 
       }, 
       { 
       class:'A5', 
       name: "Audi A5", 
       tagline: "Do you like power?", 
       img: "img/big/car2.jpg"} 
       ];