Amp html 在amp胡须模板或amp导航中访问amp状态

Amp html 在amp胡须模板或amp导航中访问amp状态,amp-html,accelerated-mobile-page,Amp Html,Accelerated Mobile Page,我试图建立一个自动完成输入,这是触发点击一个产品。输入允许用户选择一个城市,这样他就可以登录到带有城市上下文的产品详细信息页面 为了实现这一点,我在点击产品列表中的一个产品时,将产品url存储在amp状态,然后当用户选择一个城市时,我希望使用cityId作为查询参数将用户导航到产品url。我使用amp-list和amp-mustache自动完成 守则: <form action="//localhost/search/" id="citysuggest-form" on="subm

我试图建立一个自动完成输入,这是触发点击一个产品。输入允许用户选择一个城市,这样他就可以登录到带有城市上下文的产品详细信息页面

为了实现这一点,我在点击产品列表中的一个产品时,将产品url存储在amp状态,然后当用户选择一个城市时,我希望使用
cityId
作为查询参数将用户导航到产品url。我使用
amp-list
amp-mustache
自动完成

守则:

    <form action="//localhost/search/" id="citysuggest-form" on="submit:autosuggest-list.hide" target="_top" novalidate=""  hidden>
        <input autocomplete="off" i name="bysearch" on="input-debounced:AMP.setState({city_autosuggest: {autosuggest: event.value}}),autosuggest-list.show" placeholder="Search city..." required="" value="" type="text" [value]="autosuggest|| ''" class="search__form" autofocus>
        <span class="close" on="tap:autosuggest-list.hide,city__search.hide" role="button" tabindex="0">×</span>

    </form>
    <amp-selector layout="container" on="select:AMP.navigateTo(url='//localhost'+(selectProductUrl || '')+'?cityId='+event.targetOption)">
        <amp-list [src]="'//localhost/api/v2/autocomplete-amp/city/?record=5&term=' + (city_autosuggest.autosuggest || '')" height="110" hidden="" id="autosuggest-list" layout="responsive" src="//localhost/api/v2/autocomplete-amp/city/?record=5&term=" width="200" class="search__result-list">
            <template type="amp-mustache">
                <div class="search__result" option='{{payload.cityId}}' role="option" tabindex="0">{{result}}</div>
            </template>
        </amp-list>
    </amp-selector>

×
{{result}}

但是上面的错误是,
url=
没有得到评估。有办法吗?

你能发布抛出的错误吗?你是如何解决这个问题的?@Ashish我们必须在服务器上创建url,然后直接使用它。我也做了同样的事情:D