我想制作根据输入动态显示选项的搜索框。为了做到这一点,我问了可以在这里找到的问题:-如何制作“搜索框,根据输入字符串上的 get api 调用检索的数据显示动态选项列表”,如 amp 邮件中的 select2
这是我的实现
<input id="name-input" placeholder="Search name..." on="input-throttled:AMP.setState({ name: event.value }), suggestions.submit">
<form id="suggestions" method="get" action-xhr="https://example.com/a/b">
<input type="hidden" name="q" value="" [value]="name">
<div submit-success>
success
<template type="amp-mustache">
{{#.}}
<div>{{name}}</div>
{{/.}}
</template>
</div>
<div submit-error>
error
</div>
</form>
并实现了这些响应头
response.headers["Access-Control-Allow-Origin"] = "*"
response.headers["AMP-Access-Control-Allow-Source-Origin"] = "amp@gmail.dev"
response.headers["Access-Control-Expose-Headers"] = "AMP-Access-Control-Allow-Source-Origin"
在我的网络中,我正在获取响应数据,但在屏幕上,我既看不到成功也看不到错误,并收到这些错误
b.setAttribute 不是函数。(在 'b.setAttribute("i-amphtml-rendered","")' 中,'b.setAttribute' 未定义)
和
未处理的 Promise Rejection:TypeError:b.setAttribute 不是函数。(在 'b.setAttribute("i-amphtml-rendered","")' 中,'b.setAttribute' 未定义)