Изображение Получать запросы с AngularJS
31872 просмотра
2 ответа
Я храню исходную строку изображения, которое будет отображаться в 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 Источник Размещён: 13.11.2019 11:35Ответы (2)
228 плюса
Попробуйте заменить ваш 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
6 плюса
Если кто-то ищет решение для стилизации фонового изображения, используйте это:
<div ng-style="{'background-image': 'url({{ image.source }})'}">...</div>
Автор: Syed
Размещён: 26.01.2016 10:48
Вопросы из категории :
- javascript Как определить, какой из указанных шрифтов был использован на веб-странице?
- javascript Валидация клиентской стороны ASP.Net
- javascript Длина объекта JavaScript
- javascript Получение текста из выпадающего списка
- javascript Скрипт входа со скрытыми кнопками
- javascript Как автоматически изменить размер текстовой области с помощью Prototype?
- http-status-code-404 Маршрутизация для настраиваемой страницы ошибки ASP.NET MVC 404
- http-status-code-404 Как я могу создать ошибку 404 в PHP?
- http-status-code-404 Как перенаправить на 404 в Rails?
- http-status-code-404 JSP в / WEB-INF возвращает «HTTP-статус 404 Запрошенный ресурс недоступен»
- http-status-code-404 Ошибки Wordpress 403/404: у вас нет прав доступа к /wp-admin/themes.php на этом сервере
- http-status-code-404 Tomcat сообщает об ошибке 404 во всех вновь развернутых файлах WAR?
- angularjs AngularJS с Django - конфликтующие шаблоны тегов
- angularjs Can one AngularJS controller call another?
- angularjs Вставьте HTML в представление
- angularjs Как работает привязка данных в AngularJS?
- angularjs Могу ли я использовать другой префикс вместо `ng` с angularjs?
- angularjs Не удается добраться до $ rootScope