0

Я делаю простую демонстрацию в угловых js для вызова сервиса. Фактически я не могу отображать свое изображение в моем списке. Сначала проверьте мой веб-сервис URLпочему изображение не отображается в угловых js

  • http://timesofindia.indiatimes.com/feeds/newsdefaultfeeds.cms?feedtype=sjson
  • Я называю веб-службы с помощью отображения веб-безопасности, как этот на МАКК /Applications/Google \ Chrome.app/Contents/MacOS/Google \ Chrome - -disable-веб-безопасность --allow-файл-доступ из-файлов --allow-доступ к файлам --user-данные реж = ~/хром-тест/спецификация/runner.h TML

на рабочем столе: повреждают -websecurity

  • Я могу позвонить в службу, но мое изображение не отображается в списке вот мой код на код пера

http://codepen.io/anon/pen/qdPoYN

<div class="list" ng-repeat="d in data"> 

    <a class="item item-thumbnail-left" href="#"> 
     <img src={{d.image.Thumb}}> 
     <h2>{{d.HeadLine}}</h2> 
     <p>{{d.DateLine}}</p> 
    </a> 
</div> 

</div> 
+0

, что является URL изображения, которое вы пытаетесь, это от того же домена или из другого домена? –

ответ

2

Использование ng-src :

Использование Угловой разметки типа {{hash}} в атрибуте src не работает правильно: браузер будет извлекать из URL с буквальным текстом {{hash}}, пока Angular не заменит выражение внутри {{hash}}. Директива ngSrc решает эту проблему.

<img ng-src={{d.image.Thumb}}> 
// ^^^ 
+0

Документы: https://docs.angularjs.org/api/ng/directive/ngSrc. Kudos !!. Вы избили меня на 20 секунд: P. Я удалил свой anser: P – squiroid

+0

все еще нет отображения изображения usng ваше решение – user944513

+0

@ user944513 См. 'Console',' CORS' ошибки – Tushar

0

Заменить этот

    <img ng-src="d.image.Thumb"> 
+0

Это неправильно. Текст должен быть помещен в двойные фигурные скобки наподобие '{{d.image.Thumb}}' –

+0

Нет необходимости в двойных фигурных скобках, если ур использует 'ng-src' – DannyGolhar

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