在 AngularJS 中顯示圖像

Question

不知道為什么我的圖像沒有被 angular 加載，這是我得到的：

<li class="list-group-item" ng-repeat="family in product.families | orderBy:'category'">
    <h3>{{family.category}}</h3>
    <div class="img-wrap">
        <img ng-src="{{family.image}}"/>
    </div>
</li>

family.category有效，但我的ng-src似乎不是。 當我查看加載頁面的 HTML 時，我看到的只是<img ng-src>

JSON 語法

"families": [
    {
      "category": "Tablets",
      "image": "images/tablet.png"
    }
]

您可以在此處查看實時版本

Answer 1

確保圖像 url 正確，在 json 中嘗試完整的圖像 url。

在 chrome 開發工具-> 網絡中檢查調用它的網址。

——

我名氣低不能評論。