代码之家 › 专栏 › 技术社区 › darth-coder

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

amp-html html

darth-coder · 技术社区 · 7 年前

我有一个amp页,它被调用于:

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

(不是真正的url。)

<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 查询要注入amp list标记src的param NEEDS_ID

我已经查过了 QUERY_PARAM docs 但我不明白我该怎么做。

src="https://some.external-url.com/?dataid=QUERY_PARAM(id)" 但那没用。

有任何指示/参考资料吗?

我愚蠢的解决方案是编写一个EJS节点服务器,解析 <%= query.id %> 然后将该页面发送到客户端。这是正确的方法吗?

1 回复 | 直到 7 年前

Christian Felix 7 年前

我强烈假设对独立于AMP页的Url的调用会产生有效的json数据。

你的结果数据不知怎么被篡改了

对我来说,这节省了我很多时间:

public function getData(){

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

ÐÐ¸ÐºÐ¾Ð»Ð°Ð¹ ÐÐ¸ÐºÐ¾Ð»Ð°ÐµÐ²Ð¸Ñ 6 年前

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>

推荐文章

saitho · Google AMP缓存和HTTP/2–通过HTTP/2在移动设备上交付内容?

8 年前

REDDY PRASAD Mortana · 在amp lightbox内创建amp表单

8 年前

ganchito55 · AMP和代码块

8 年前

Iustin BeceneagÄ · 当我在某个页面上时,我的wordpress标题消失了

8 年前

Nadine Fisch · 如何将子iframe维度设置为父amp iframe维度?

8 年前

Asim Khan · AMP访问控制允许源站标题问题

8 年前

Mariya Steksova · amp灯箱:如何在一个动作中关闭当前模式并打开其他模式?

9 年前

Christian Rauchenwald · 谷歌AMP>头部和网站地图

10 年前

Muhammad Ali Hassan · 在vivo模板中集成加速移动页面

10 年前

hugronaphor · 如果内容不可用,如何为AMP页面传递错误

10 年前