amp-html:在amp-list src中使用query param

Question

我有一个放大器页面，叫做：

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中。

我已经检查了PARAM文档，但不知道我到底该做什么。

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

有什么指示/参考吗？

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

Answer 1

我确实强烈地认为，对Url的调用独立于AMP页面，将产生有效的json数据。如果是这样的话，你可能会面临以下问题：

1. CORS
2. 您的结果数据某种程度上是关联的。

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

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>