Как перенаправить страницу усилителя? - PullRequest
Новая
       5

Как перенаправить страницу усилителя?

0 голосов
/ 25 апреля 2018

Мне нужно адаптировать следующий код javascript для страницы усилителя. 

<select id="url"> 
   <option value='home'>home</option> 
   <option value='contact'>contact</option> 
</select>

<input type="button" value='ir' onclick='ir()'> 

<script> 
function ir(){ 
   var url=document.getElementById("url").value; 
   location.href=url; 
}
</script>

Это возможно?

В документации я не нашел ответа.

1 Ответ

0 голосов
/ 26 апреля 2018

Вы используете функцию кнопки и onclick, вместо этого в AMP вы можете использовать якорный тег <a href="Value">Value</a> и изменять URL-адрес с помощью `amp-bind '

Вы можете использовать amp-bind для достижения вашихцель

Вот рабочий URL

добавить JS в заголовок 

<script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js"></script>

Добавить код в теле 

<div class="wrapper">

    <select on="change:AMP.setState({ url: event.value })">
      <option value='home'>home</option> 
      <option value='contact'>contact</option> 
    </select>

    <a [href]="url" href="home">ir</a>

</div>

Обновлено - если кто-то хочет перенаправить при изменении опции, чем использовать navigateTo action

Пример: 

<select on="change:AMP.navigateTo(url=event.value)">
    <option value="http://google.com">google.com</option>
    <option value="http://yahoo.com">yahoo.com</option>
    <option value="http://bing.com">bing.com</option>
  </select>
...