2015-09-28 2 views
1

Не знает, почему мой образ является не нагружен угловатым, вот что я получил:Показать изображение в AngularJS

<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

решенный Обнаружил, что я указываю на не обновленный файл JSON, поэтому на URL-адрес, который я вводил, не указывали.

+0

Возможный дубликат [Понимание AngularJS ng-src] (http://stackoverflow.com/questions/18235169/understanding-angularjs-ng-src) – Oyeme

ответ

2

Убедитесь, что URL-адрес изображения верен, попробуйте выполнить полный URL-адрес изображения в json.

В утилитах chrome dev-> network check, которые ссылаются на него.

-

У меня низкая репутация, вы не можете комментировать.

+0

На самом деле ... это правильно, да, я указывал на мой un обновленный JSON-файл, поэтому он не запрашивал никаких URL-адресов. Спасибо, что помог мне понять, что – Adjit

Смежные вопросы