Angular5 / Firebase Storage не работают при использовании сторонних библиотек для увеличения изображений - PullRequest
Новая
       44

Angular5 / Firebase Storage не работают при использовании сторонних библиотек для увеличения изображений

0 голосов
/ 01 мая 2018

Я создаю электронную коммерцию, используя Angular5 и Google Cloud Firestore в качестве базы данных. На странице продуктов я хочу увеличить фотографию, когда мышь наводит на нее курсор. Вот проблема:

В качестве библиотеки масштабирования я использую angular2-image-zoom . Он отлично работает с изображениями, которые находятся внутри моего проекта, но когда я передаю внешний источник изображений (поступающий из хранилища Firebase, он не работает).

Пример кода:

product-page.component.ts

  // This example doesn't work
    <img  
      class="img-responsive"
      [imageZoom]="externalPhoto" // ~>https://firebasestorage.googleapis.com/v0/... 
      [src]="externalPhoto" 
      [style.width.px]="width" 
      [style.height.px]="height">

  //This example works fine
  <img 
    class="img-responsive"
    [imageZoom]="logoSrc" // ~>'assets/img/shared/logo.png';
    [src]="logoSrc" 
    [style.width.px]="width" 
    [style.height.px]="height"
  >

Я уже пробовал все виды DomSanitizer, чтобы обойти url, style, secureSrc, но ни один из них не сработал. Ребята, у вас есть предложения?

...