amp-autocomplete
是一个用于自动完成建议的 AMP 组件。如果你在使用 amp-autocomplete
时遇到无法从链接中选择结果的问题,可以尝试以下方法来解决:
amp-autocomplete
组件。在你的 HTML 文件中添加以下代码:<script async custom-element="amp-autocomplete" src="https://cdn.ampproject.org/v0/amp-autocomplete-0.1.js"></script>
amp-autocomplete
组件的属性设置正确。例如:<amp-autocomplete filter="substring" min-characters="1" src="/path/to/your/suggestions.json">
<input type="text" placeholder="Search..." />
<template type="amp-mustache" id="amp-template-id">
<div class="suggestion">
<a href="{{url}}">{{title}}</a>
</div>
</template>
</amp-autージocomplete>
在这个例子中,filter
属性设置为 substring
,表示自动完成建议将根据输入的子字符串进行过滤。min-characters
属性设置为 1
,表示至少需要输入一个字符才能显示建议。src
属性设置为你的建议数据源的 URL。
amp-autocomplete
组件需要一个 JSON 格式的数据源,其中每个建议对象都包含一个 url
和一个 title
属性。例如:[
{ "url": "/page1.html", "title": "Page 1" },
{ "url": "/page2.html", "title": "Page 2" },
{ "url": "/page3.html", "title": "Page 3" }
]
amp-autocomplete
组件的正常工作。AMP 页面中的脚本应遵循 AMP 的最佳实践。
领取专属 10元无门槛券
手把手带您无忧上云