Autocomplete AMP AMP自动完成-单击时转到url

我试图让amp autocomplete直接转到单击时从json列表中获取的url。href包含在结果中，但当单击结果时，它只是将其添加到输入框中，而不是直接输入

我尝试了

on=“tap:AMP.navigateTo（url='{{url}}'）”

，但似乎什么都没做。不确定是否可以使用amp执行此操作

<form class="sample-form" method="post" target="_top" action-xhr="https://amp.dev/documentation/examples/api/echo">
  <label>
    <span>Search for</span>
    <amp-autocomplete filter="token-prefix" filter-value="h1"  min-characters="2">
        <input type="search" name="h1">
      <script type="application/json">
            {
                "items":[
                        {
                            "h1":"page1",
                            "url":"page-1-url"
                        },{
                            "h1":"page2",
                            "url":"page-2-url"
                        },
                        {
                            "h1":"page3",
                            "url":"page-3-url"
                        }
                ]
            }
      </script>
            <template type="amp-mustache" id="amp-template-custom">
                <div class="slug-item" data-value="{{h1}}">
                        <a href="{{url}}" on="tap:AMP.navigateTo(url='{{url}}')">{{h1}}</a>   
                </div>
            </template>
    </amp-autocomplete>
  </label>
</form>

寻找

有趣的问题

起初，我尝试使用CSS解决这个问题，例如，为链接设置一个高z索引，但没有成功

最后，我从amp autocomplete中选择了on=“select”事件选项。我希望此选项适合您：

身体{
-webkit动画：-amp开始8s步骤（1，结束）0s 1正常两个步骤；
-moz动画：-amp开始8s步骤（1，结束）0s 1正常两个步骤；
-ms动画：-amp开始8s步骤（1，结束）0s 1正常两个步骤；
动画：-amp开始8s步骤（1，结束）0s 1正常两个步骤；
}
@-webkit关键帧-amp开始{
从{
可见性：隐藏；
}
到{
能见度：可见；
}
}
@-moz关键帧-amp开始{
从{
可见性：隐藏；
}
到{
能见度：可见；
}
}
@-ms关键帧-amp开始{
从{
可见性：隐藏；
}
到{
能见度：可见；
}
}
@-o关键帧-amp开始{
从{
可见性：隐藏；
}
到{
能见度：可见；
}
}
@关键帧-amp开始{
从{
可见性：隐藏；
}
到{
能见度：可见；
}
}
身体{
-webkit动画：无；
-moz动画：无；
-ms动画：无；
动画：无；
}
寻找
{
“项目”：[
{
“h1”：“第1页”，
“url”：”https://stackoverflow.com/"
},
{
“h1”：“第2页”，
“url”：”https://google.com/"
},
{
“h1”：“第3页”，
“url”：”https://amp.dev/"
}
]
}
{{h1}}