Question

当我将以下代码插入Polymer Starter Kit时，我的Polymer 1.0 Type Extension Select Element无法正确显示。元素显示为没有选项的选择箭头。感谢您的帮助！

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

您不需要＆lt; select＆gt;在模板内部，因为你使用它的方式已经意味着包装＆lt; select＆gt;，整体产生：

<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>

如果您想要＆lt; select＆gt;在模板中删除＆＃34; extends＆＃34;您的Polymer初始化对象的属性，只需使用＆lt; my-products＆gt;＆lt; / my-products＆gt;在index.html。

聚合物1.0类型扩展选择元素

1 个答案: