Не можете связать из amp-autocomplete при выборе результата? - PullRequest
Новая
       5

Не можете связать из amp-autocomplete при выборе результата?

0 голосов
/ 09 июля 2019

Я пытаюсь использовать компонент amp-autocomplete AMP в качестве функции автоматического поиска с конечной точкой API, но не могу получить результаты, чтобы связать их со значением url. Все работает, как и ожидалось, с динамическим заполнением результатов.

При выборе результата на входе появляется data-value="{{title}}", но я не могу заставить действие navigateTo перенаправить страницу к результату {{url}}.

Я пытался использовать navigateTo с on="select:" и on="tap:" без удачи. Я также попытался обернуть результат в элемент href="{{url}}", но это тоже не сработало. 

<form class="sample-form" method="post" target="_top">
      <amp-autocomplete filter="token-prefix"
        filter-value="title"
        id="autosuggest"
        min-characters="2"
        src="//example.com/api/search"
        [src]="'//example.com/api/search?q=' + (searchQuery || '')">
        <input type="search"
        name="title"
        id="search"
        [value]=searchQuery on="input-debounced:AMP.setState({searchQuery: event.value})">
        <template type="amp-mustache" id="amp-template-custom" >
          <div data-value="{{title}}" value="{{url}}" class="results-items" on="select:AMP.navigateTo(url=event.value)">
            <span class="results-item__type">{{type}}</span>
            <span class="results-item__title">{{title}}</span>
          </div>
        </template>
      </amp-autocomplete>
    </form>

Ожидаемый результат аналогичен функциональности поиска по сайту https://tasty.co/ с автоматическими предложениями, которые связываются при выборе.

...