Question

我正在尝试使用AMP amp-autocomplete组件作为具有API端点的自动建议搜索功能，但是我无法获得结果以链接到url值。一切正常，结果动态填充。

选择结果时，data-value="{{title}}"会出现在输入中，但是我无法执行NavigationTo操作将页面重定向到结果{{url}}。

我尝试将navigateTo与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>

预期结果类似于https://tasty.co/网站搜索功能，其自动建议在被选中时会链接出去。

Answer 1

您实际上可以使用以下模板来做到这一点：

 char array[1000];
std::string input="i dont think love never ends";
 for(size_t i=0;i<=input.length();/*or string::npos;*/i++)
  {
            if (input[i] != '\0')
        {
            array[i] = input[i];
        }
        else
        {
            break;
        }
    }
    for (size_t i = 0; i < 100; i++)
    {
        std::cout << array[i] << std::endl;
    }

请注意，您可以在移动模式下使用Google Chrome浏览器进行测试。

选择结果时无法从amp-autocomplete链接出去？

1 个答案: