Github頁面不會在AngularJS 1.x站點上顯示圖像？

Question

我用Angular 1.x製作了一個簡單的頁面站點，它不會將我的圖片加載到Github頁面上。這裏是鏈接到GitHub的網頁網站：

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

我檢查了有關該計算器的其他職位，似乎無法找到答案。我只有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"} 
       ];