Изменить изображение src с привязкой [src]? (Amp для электронной почты) - PullRequest
Новая
       34

Изменить изображение src с привязкой [src]? (Amp для электронной почты)

0 голосов
/ 02 октября 2019

На странице документации amp-bind Amp for Email показан пример (чуть более сложный пример) привязки [src] к amp-img для изменения пути к источнику изображения: 

<amp-state id="myAnimals">
  <script type="application/json">
    {
      "dog": {
        "imageUrl": "/img/dog.jpg",
        "style": "greenBackground"
      }
    }
  </script>
</amp-state>

<!-- Or change an image's src with the [src] binding. -->
<amp-img width="300" height="200" src="/img/dog.jpg"
    [src]="myAnimals[currentAnimal].imageUrl">
</amp-img>

Однако, когда я проверяю в Playground, я получаю: Атрибут «[src]» может не отображаться в теге «AMP-IMG (AMP4EMAIL)».

Я пытаюсь сделать что-то похожее с компонентом Carousel (тип= "слайды"), где, когда я нажимаю на следующий / предыдущий слайд, я хочу изменить копию / изображение, расположенное в другом месте электронной почты. Хотя я могу изменить копию, похоже, я не могу сделать то же самое для изображения.

Разве невозможно изменить путь к источнику изображения, используя компонент amp-bind для Amp for Email ?? Есть ли обходной путь?

1 Ответ

0 голосов
/ 02 октября 2019

Вадим, вы можете использовать шаблоны через amp-mustache, чтобы изменить атрибут src для amp-img. например, 

<amp-list ...>
...
 <template type="amp-mustache">
    <div class="products">
        <amp-img width="150"
               height="100"
               alt="{{name}}"
               src="{{img}}"></amp-img>
        <p class="name">{{name}}</p>
        <p class="star">{{{stars}}}</p>
        <p class="price">{{price}}</p>
    </div>
</template>

...

Я не могу вспомнить проектные решения, лежащие в основе того, почему привязка к src невозможна, хотя безопасность кажется вероятным ответом. К сожалению, если вы заметили, что шаблоны применимы только тогда, когда они вложены в компонент amp-form или amp-list. Если существует достаточно убедительный сценарий использования, позволяющий поддерживать его за пределами этих компонентов, то не стесняйтесь создавать запрос на функцию, и мы будем более чем рады работать с вами над определением требований и внедрением изменений. Спасибо

...