drop-down-menu - AMP：选择框中的预选值

Question

在下面的示例中具有预选值的解决方案是什么？假设从 JSON 检索数据并显示选择框（无需用户交互）时，默认情况下应选择第三个选项。

<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-list" src="https://cdn.ampproject.org/v0/amp-list-0.1.js"></script>
<select>
<amp-list width="auto" height="100" layout="fixed-height" src="https://ampproject-b5f4c.firebaseapp.com/examples/data/amp-list-urls.json">
<template type="amp-mustache">
    <option value="{{url}}">{{title}}</option>
</template>
</amp-list>
</select>

标签： drop-down-menuamp-htmlamp-list

Answer 1

最简单的方法是selected在选项标签中添加属性以使其成为默认值。

<option selected value="{{url}}">{{title}}</option>

如果您想探索其他选项，此SO 帖子提到了绑定。amp-bind添加与数据绑定和表达式的自定义交互性。