在 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"
    }
]

你可以看看这个直播版here

Answer 1

确保图像 url 正确，尝试 json 中的完整图像 url。

在 chrome 开发工具-> 网络检查 url 它正在调用。

--

我的声誉很低无法评论。

在 AngularJS 中显示图像

Display image in AngularJS

angularjs

angular-ng