Angular ng-src сохраняет предыдущую модель до тех пор, пока не загрузит изображение внутри. Я использую разные изображения для баннера на каждой странице, когда я переключаю маршруты, я меняю основной вид, оставляя вид заголовка как есть, просто меняя модель bannerUrl, когда она у меня есть.
Это приводит к тому, что предыдущее изображение баннера отображается во время загрузки нового.
Я был удивлен, что для него еще нет директивы, но я хотел провести обсуждение, прежде чем пытаться его создать.
То, что я хочу сделать, я думаю, это иметь модель баннера для пользовательского атрибута. как:
<img preload-src="{{bannerUrl}}" ng-src="{{preloadedUrl}}">
Затем измените $scope.watch для bannerUrl, и как только он изменится, сначала замените ng-src на загрузчик spinner, а затем создайте временный элемент img dom, предварительно загрузите изображение из preload-src, а затем присвойте его preloadUrl.
Нужно подумать, как обрабатывать несколько изображений, например, для галерей.
Есть ли у кого-нибудь какие-либо сведения об этом? или, может быть, кто-то может указать мне на существующий код?
Я видел существующий код на github, который использует фоновое изображение, но это не работает для меня, так как мне нужна динамическая высота/ширина, поскольку мое приложение отзывчиво, и я не могу сделать это с фоновым изображением.
Спасибо
visibility: hidden
до тех пор, пока окончательное изображение не будет загружено, когда вы измените его наvisibility: visible
, и, таким образом, вы увидите только окончательное изображение. - person jfriend00   schedule 08.01.2014visibility:hidden
, затем используйте javascript, чтобы увидеть, когда все изображения в массиве загружены, и затем установите для всех изображений значениеvisibility:visible
? - person Yuri   schedule 08.01.2014