Angular ng-src сохраняет предыдущую модель, пока она не предварительно загрузит изображение внутри. Я использую другое изображение для баннера на каждой странице, когда я переключаю маршруты, меняю основной вид, оставляя заголовок как есть, просто меняя модель bannerUrl, когда у меня есть.
В результате появляется предыдущее изображение баннера во время загрузки нового.
Я был удивлен, что еще нет директивы, но я хотел сделать дискуссию, прежде чем пытаться ее построить.
Что я хочу сделать, я думаю, есть модель баннера для пользовательского атрибута. как:
<img preload-src="{{bannerUrl}}" ng-src="{{preloadedUrl}}">
Затем $scope.watch для bannerUrl изменится, и как только он изменится, сначала замените ng-src загрузчиком-загрузчиком, а затем создайте tempary img dom, предварительно загрузите изображение из preload-src, а затем передайте его preloadUrl.
Нужно думать, как обрабатывать несколько изображений тоже для галерей, например.
Есть ли у кого-нибудь какие-либо данные? или, может быть, кто-то может указать мне на существующий код?
Я видел существующий код на github, который использует background-image, но это не работает для меня, поскольку мне нужна динамическая высота/ширина, поскольку мое приложение является отзывчивым, и я не могу сделать это с фоновым изображением.
Спасибо