添加查询参数时，amp-list 不会显示来自 firebase rest api 的数据

Question

我正在使用带有 firebase REST 的 amp-list api。问题是当我使用 “https://kitchentocustomer.firebaseio.com/restaurants/Yiecu6fL2Pas0XFhCsT06Q0dSOp1/menu.json” 我填充了 amp-list，但是当我添加查询参数时 “https://kitchentocustomer.firebaseio.com/restaurants/Yiecu6fL2Pas0XFhCsT06Q0dSOp1/menu.json?orderBy=%22first_cat%22&equalTo=%22BREAKFAST%22&print=pretty” 我得到空的放大器列表。

这是代码

<amp-list width="300"
                      height="250"
                      single-item
                      items="."
                      layout="responsive"
              src="https://kitchentocustomer.firebaseio.com/restaurants/Yiecu6fL2Pas0XFhCsT06Q0dSOp1/menu.json?orderBy=%22first_cat%22&equalTo=%22BREAKFAST%22&print=pretty">
              <template type="amp-mustache">
                  <div>
                      <dt class="col col-10 h3 mb1">{{title}}</dt>
                      <dd class="col col-2 m0 mb1 self-center right-align">₹{{price}}</dd>
                  </div>

              </template>
            </amp-list>

Answer 1

amp-list 响应必须是包含数组属性.

的 JSON 对象

您的过滤查询（第二个 link）returns JSON 对象不包含数组。

您对此的回复应该如下所示

[
  {
    "discounted": 157,
    "first_cat": "BREAKFAST",
    "id": "eEaVn8",
    "onSale": false,
    "price": 167,
    "third_cat": "Egg",
    "title": "Egg omlete"
  },
  {
    "discounted": 210,
    "first_cat": "BREAKFAST",
    "id": "pia9nL",
    "onSale": false,
    "price": 228,
    "third_cat": "Waffles",
    "title": "Banana & Nutella waffles"
  }
]

添加查询参数时，amp-list 不会显示来自 firebase rest api 的数据

amp-list won't show data from firebase rest api while query parameters are added

rest

firebase

amp-html

amp-list