Amp html Can';选择结果时是否从amp自动完成链接?
我试图使用AMP-AMP-autocomplete组件作为带有API端点的自动建议搜索功能,但无法获得链接到url值的结果。一切都按预期进行,结果动态填充 选择结果时,输入中会出现Amp html Can';选择结果时是否从amp自动完成链接?,amp-html,Amp Html,我试图使用AMP-AMP-autocomplete组件作为带有API端点的自动建议搜索功能,但无法获得链接到url值的结果。一切都按预期进行,结果动态填充 选择结果时,输入中会出现数据值=“{{title}}”,但我无法获得导航到操作以将页面重定向到结果{{url} 我尝试过使用navigate to和on=“select:”和on=“tap:”,但运气不佳。我还尝试将结果包装到href=“{{url}}”元素中,但这也不起作用 <form class="sample-form" meth
数据值=“{{title}}”
,但我无法获得导航到操作以将页面重定向到结果{{url}
我尝试过使用navigate to
和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>
网站搜索功能,具有自动建议功能,选中后可链接。您实际上可以使用此模板完成此操作:
<template type="amp-mustache" id="amp-template-custom">
<div class="slug-item" data-value="{{ title}}">
<a href="{{url}}">{{ title }}</a>
</div>
</template>
请注意,您可以在移动模式下使用Google Chrome进行测试