聚合物 1.0 类型扩展 Select 元素

Question

我的 Polymer 1.0 类型扩展 Select 当我将以下代码插入 Polymer 入门工具包时，元素无法正确显示。该元素显示为没有选项的 select 箭头。感谢您的帮助！

my-products.html 的内容（此文件位于 "my-products" 文件夹中，其方式与 my-list.html 位于 "my-list" 文件夹中的方式类似）：

<dom-module id="my-products">
    <template>
        <select>
            <option value="volvo">Volvo</option>
            <option value="saab">Saab</option>
            <option value="mercedes">Mercedes</option>
            <option value="audi">Audi</option>
        </select>
    </template>

    <script>
        Polymer({
            is: 'my-products',
            extends: 'select'
        });
    </script>
    </dom-module>

Elements.html代码：

<link rel="import" href="my-products/my-products.html">

Index.html代码：

<select is="my-products"> </select>

Answer 1

您不需要模板内的，总体收益：

<select><select>(options)</select></select>

改为：

<dom-module id="my-products">
    <template>
            <option value="volvo">Volvo</option>
            <option value="saab">Saab</option>
            <option value="mercedes">Mercedes</option>
            <option value="audi">Audi</option>
    </template>

    <script>
        Polymer({
            is: 'my-products',
            extends: 'select'
        });
    </script>
</dom-module>

如果您想在模板中使用

聚合物 1.0 类型扩展 Select 元素

Polymer 1.0 Type Extension Select Element

element

native

polymer