Почему data-amp-bind-href или [href] не работают в компоненте amp-bind? - PullRequest
Новая
       3

Почему data-amp-bind-href или [href] не работают в компоненте amp-bind?

0 голосов
/ 11 января 2020

Я хочу создать динамическую c ссылку в усилителе. Все в порядке, когда используется amp-bind компонент, кроме состояния привязки к href! Мой код выглядит следующим образом: 

<input
  on="input-throttled:AMP.setState({ buyForm: { name: event.value } })
  name="name"
  type="text"
/>
<a
  href="localhost:5000/api/v1/buy"
  data-amp-bind-href="'localhost:5000/api/v1/buy?name=' + buyForm.name"
>

1 Ответ

1 голос
/ 15 января 2020

Ваш пример работает (если вы импортируете расширение amp-bind и добавляете протокол в URL). Вот что я попробовал: 

<head>
    ...
    <script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js"></script>
</head>
<body>
<input on="input-throttled:AMP.setState({ buyForm: { name: event.value } })" name="name" type="text" />
<a href="https://google.com" data-amp-bind-href="buyForm.name">Test</a>
</body>
...