Question

我有一个打开的amp页面：

https://expample.amp.com?id=1234abc

（不是真实网址。）

<amp-list src="https://some.external-url.com/?dataid=NEEDS_ID"
  layout="responsive"
  items="Result"
  width="100"
  height="100" 
>
  <template type="amp-mustache">
  <p>{{FullName}}</p>
  </template>
</amp-list>

我希望将id查询参数注入到NEEDS_ID的amp-list标签的src中。

我已经检查过QUERY_PARAM docs，但不知道我该怎么办。

我已经尝试过src="https://some.external-url.com/?dataid=QUERY_PARAM(id)"，但这没用。

任何指针/引用？

对此我愚蠢的解决方案是编写一个EJS节点服务器，该服务器解析该URL中的<%= query.id %>，然后将该页面发送给客户端。那是正确的方法吗？

Answer 1

我确实坚决认为，对独立于AMP页的Url的调用会产生有效的json数据。在这种情况下，您可能会遇到以下问题：

CORS
您的结果数据以某种方式被纠正

至于我，这节省了我很多时间：

public function getData(){

   echo header('Access-Control-Allow-Origin: https://amp-YOUR-SITE');
   echo header('Access-Control-Allow-Credentials: true');
   echo json_data;
}

Answer 2

https://expample.amp.com?slug=1234abc

<amp-list id="time"
            layout="fixed-height"
            height="18"
            src="https://api.exemple.com/posts?slug=QUERY_PARAM(slug)"
            binding="refresh"
            data-amp-replace="QUERY_PARAM"
            single-item
            items=".">
    <template type="amp-mustache">
    <p>{{title}}</p>
    <p>{{content}}</p>
    </template>
  </amp-list>

amp-html：在amp-list src中使用查询参数

2 个答案: