聚合物：如何為具有嵌套屬性的紙張標簽設置默認值

Question

我想為我的paper-tabs的所選項目設置默認值 。

如果我將所選屬性寫成這樣，它就可以正常工作：

<paper-tabs selected="{{tabname}}"
            attr-for-selected="key">
    <paper-tab key="foo">Foo</paper-tab>
    <paper-tab key="bar">Bar</paper-tab>
    <paper-tab key="baz">Baz!</paper-tab>
</paper-tabs>

但是我想使用這樣的嵌套屬性：

<paper-tabs selected="{{data.tabname}}"
            attr-for-selected="key">
    <paper-tab key="foo">Foo</paper-tab>
    <paper-tab key="bar">Bar</paper-tab>
    <paper-tab key="baz">Baz!</paper-tab>
</paper-tabs>

這些是我的屬性：

properties: {
    data: {
        type: Object,
        value: function () {
            return {                    
                tabname: {
                    type: String,
                    value: 'foo'
                }
            }
        },
    }
}

這是正常運行的Plnkr： http ://plnkr.co/edit/GRrJh0p2s9uReLnC3Ze7?p=preview

我希望將其默認設置為key ，即索引中的第一個div 。 有人知道為什么我的plnkr無法正常工作嗎？

Answer 1

我不認為在Polymer中以這種方式在對象中創建屬性是可行的。 這樣做是可行的：

properties: {
    data: {
        type: Object,
        value: function () {
            return {                    
                tabname: 'foo'
            }
        },
    }
}

或者：

properties: {
    data: {
        type: Object,
        value: {                    
            tabname: 'foo'
        },
    }
}