AMP не отображает изображения в base64, если он находится внутри AMP-LIST и шаблона усов - PullRequest
Новая
       44

AMP не отображает изображения в base64, если он находится внутри AMP-LIST и шаблона усов

1 голос
/ 21 октября 2019

У меня есть состояние усилителя со списком объектов, который заполняется динамически. Эти объекты имеют атрибут «изображение», который может быть URL или изображением base64. В обоих случаях он работает нормально в изолированном теге amp-img, но изображение base64 не работает внутри списка amp, атрибут src (unkwown). Я попытался напечатать значение вне атрибута "src", и это правильно, также, если вместо base64 есть URL-адрес, он работает нормально.

Я также попытался экранировать вывод с {{{}}}но я получил то же самое.

В списке состояний усилителей есть элементы со следующей структурой: 

{
    "url": "",
    "imageUrl": "",
    "title": "",
    "description": ""
}

Изолированный amp-img, работающий с url и base64: 

<amp-img class="contain"
         alt="Item Image"
         src="https://via.placeholder.com/300"
         [src]="currentItem['imageUrl']"
         layout="fill">
</amp-img>

Список усилителей с amp-img внутри, который не работает с base64: 

<amp-list layout="responsive"
          height="0"
          [src]="myItems"
          items="."
          binding="no">
    <template type="amp-mustache">
        <div class="clearfix p1">
            <div class="col col-12 md-col-4 center">
                <a href="{{ url }}" target="_blank">
                    <div class="outer-list center">
                    <amp-img class="contain"
                             src="{{ imageUrl }}"
                             layout="fill"
                             alt="test"></amp-img>
                    </div>
                </a>
            </div>
            <div class="col col-12 md-col-8">
                <a href="{{ url }}" target="_blank">
                    <h2>{{ title }}</h2>
                </a>
                <p>{{ description }}</p>
            </div>
        </div>
    </template>
</amp-list>

Примечание: я использую разные имена состояний усилителей, но содержимое точно такое же.

Пример образа base64, работающего с изолированным amp-img, но не внутри списка усилителей: 

image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8BQDwAEhQGAhKmMIQAAAABJRU5ErkJggg==

Я не вижу ошибок в консоли.

...