Polymer 初始选择的聚合物纸下拉菜单未显示在标签中

Polymer 初始选择的聚合物纸下拉菜单未显示在标签中,polymer,polymer-1.0,Polymer,Polymer 1.0,使用以下代码,我希望在页面加载时显示“选项1”。而是显示“此处标签”。单击下拉列表时,选项1以粗体显示,表示已选中。如果单击选项1,则标签将更新且正确 <paper-dropdown-menu label="Label Here" selected="0"> <paper-menu class="dropdown-content" selected="0"> <paper-item >Option 1</paper-item> <paper-

使用以下代码,我希望在页面加载时显示“选项1”。而是显示“此处标签”。单击下拉列表时,选项1以粗体显示,表示已选中。如果单击选项1,则标签将更新且正确

<paper-dropdown-menu label="Label Here" selected="0">
<paper-menu class="dropdown-content" selected="0">
<paper-item >Option 1</paper-item>
<paper-item >Option 2</paper-item>
</paper-menu>
</paper-dropdown-menu>
这是一个错误还是我做错了什么

谢谢


Daniel

所选属性与纸张菜单一起使用,而不是与纸张下拉菜单一起使用。但是后者的selectedItemLabel是计算出来的,selectedItem是只读的。我发现预装所选物品的唯一方法是触发“铁激活”事件,但不确定它是否最佳

<dom-module id="my-test">
    <template>
        <paper-dropdown-menu id="dropdownMenu" label="Label Here" >
            <paper-menu id="menu" class="dropdown-content" selected="0">
                <paper-item id="option1">Option 1</paper-item>
                <paper-item id="option2">Option 2</paper-item>
            </paper-menu>
        </paper-dropdown-menu>
    </template>
    <script>
        Polymer({
            is: 'my-test',
            ready: function(){


                this.$.menu.dispatchEvent(new CustomEvent('iron-activate', {
                    bubbles: true,
                    cancelable: true,
                    detail: {
                        item:this.$.option2,
                        selected:1
                    }
                }));
            }
        });
    </script>
</dom-module>

选择1
选择2
聚合物({
是‘我的测试’,
就绪:函数(){
此.$菜单.dispatchEvent(新的CustomEvent('iron-activate'){
泡泡:是的,
可取消:对,
详情:{
项目:此.$.option2,
选定:1
}
}));
}
});

这只是一个更新,说明这是一个已知的错误,不是预期的行为,即使上述解决方法可能有效:


希望这个问题能很快解决

这似乎对我不起作用。这似乎有点疏忽。到目前为止,我对聚合物印象深刻。真可惜:(.我正在创建一个使用oData提要的业务线应用程序,这是一个有点阻碍的功能,因为许多表单都需要此功能。我想我需要编写一个自定义组件或查找一个预存在的应用程序。请您指定哪些不起作用?如果您需要对许多表单使用相同的功能-只需使用Behvious-代码上面的内容似乎对我不起作用。下拉菜单中仍然没有填充选项2,并且仍然显示“Label Here”(标签在这里)。这对您有效吗?硫化,无聚填充,因此仅限铬。是的,这可以正常工作。谢谢!我们是说它必须经过硫化才能正常工作?
<dom-module id="my-test">
    <template>
        <paper-dropdown-menu id="dropdownMenu" label="Label Here" >
            <paper-menu id="menu" class="dropdown-content" selected="0">
                <paper-item id="option1">Option 1</paper-item>
                <paper-item id="option2">Option 2</paper-item>
            </paper-menu>
        </paper-dropdown-menu>
    </template>
    <script>
        Polymer({
            is: 'my-test',
            ready: function(){


                this.$.menu.dispatchEvent(new CustomEvent('iron-activate', {
                    bubbles: true,
                    cancelable: true,
                    detail: {
                        item:this.$.option2,
                        selected:1
                    }
                }));
            }
        });
    </script>
</dom-module>