在安培灯箱内创建安培表单

Question

我正试图提交一份表格内的照明箱模式。但是弹出显示空的内容。我的代码如下：

<amp-lightbox id="success-lightbox" layout="nodisplay">
    <amp-list src="http://localhost:4000" width="auto" height="200" layout="fixed-height" items="." single-item>
        <template type="amp-mustache">
            <div class="lightbox-modal">
                <form action="/" method="get" target="_top">
                    {{#items}}
                    <input type="checkbox" value={{id}} /> {{/items}}
                    <input type="submit" value="submit" />
                </form>
            </div>
        </template>
    </amp-list>
</amp-lightbox>
<input class="" type="submit" value="show more" on="tap:success-lightbox" />

我包含了所需的所有依赖项amp-form、amp-lightbox、amp-list、amp-mustache。如果我删除表单标签，复选框就会显示得很好。

工作守则：

<amp-lightbox id="success-lightbox" layout="nodisplay">
    <amp-list src="http://localhost:4000" width="auto" height="200" layout="fixed-height" items="." single-item>
        <template type="amp-mustache">
            <div class="lightbox-modal">
                {{#items}}
                <input type="checkbox" value={{id}} /> {{/items}}
                <input type="submit" value="submit" />
            </div>
        </template>
    </amp-list>
</amp-lightbox>
<input class="" type="submit" value="show more" on="tap:success-lightbox" />

我查过医生了。但什么也没找到。难道不可能将表单嵌套在安培灯箱内吗？如果不可能，是否有任何解决办法可以从lightbox提交数据?？

Answer 1

安培-胡子不支持形式元素。在您的情况下，一个简单的解决方法是将表单标记移到amp-list元素之外。