在AngularJS中显示图像

Question

不确定为什么我的图像没有被角度加载，这就是我所拥有的：

<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 Sytnax

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

您可以查看此here

的实时版本

Answer 1

确保图片网址正确无误，请在json中尝试完整的图片网址。

在chrome dev工具中 - ＆gt;网络检查调用哪个url。

-

我的声誉很低，无法发表评论。