Question

31872 просмотра

2 ответа

3770 Репутация автора

Я храню исходную строку изображения, которое будет отображаться в HTML, в контроллере AngularJS, однако он возвращает 404 до инициализации контроллера Angular.

Вот HTML-код:

 <div ng-controller="Cont">
      <img src="{{imageSource}}">
 </div>

Угловой контроллер:

 var Cont = function($scope) {
      $scope.imageSource = '/tests.png';
 }

И ошибка, которую я получаю ( %7D%7Dсоответствует {{в шаблоне).

 GET https://localhost:9000/%7B%7BimageSource%7D%7D 404 (Not Found)

Как я могу предотвратить это? То есть загружать изображение только после инициализации контроллера Angular?

Автор: ssb Источник Размещён: 16.10.2012 07:57

Answer 1

228 плюса

36634 Репутация автора

Решение

Попробуйте заменить ваш src на ng-src, для получения дополнительной информации см. Документацию :

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

 <div ng-controller="Cont">
      <img ng-src="{{imageSource}}">
 </div>

Автор: Gloopy Размещён: 16.10.2012 08:00

Answer 2

6 плюса

5686 Репутация автора

Если кто-то ищет решение для стилизации фонового изображения, используйте это:

<div ng-style="{'background-image': 'url({{ image.source }})'}">...</div>

Автор: Syed Размещён: 26.01.2016 10:48

Изображение Получать запросы с AngularJS

Ответы (2)

Вопросы из категории :