使用Polymer <core-style> </core-style>切换主题

时间:2015-03-03 14:38:31

标签: polymer

我不确定使用Polymer的<core-style>切换用户选择的CSS主题的最惯用方法。现在我正在这样做:

    <template if="{{ theme == 'theme-grey'}}">
        <core-style ref="theme-grey"></core-style>
    </template>
    <template if="{{ theme == 'theme-blue'}}">
        <core-style ref="theme-blue"></core-style>
    </template>
    <template if="{{ theme == 'theme-red'}}">
        <core-style ref="theme-red"></core-style>
    </template>

生产者通过进口生产的地方。这工作正常,但似乎有点罗嗦。我曾经想过要做这样的事情:

(不起作用)

    <core-style id="theme" ref="theme-red"></core-style>
    ...
    themeChanged: function(oval, nval) {
        this.$.theme.ref = nval;
    }

我想这不起作用,因为你不能设置ref和id,并查看<core-style>源我不确定ref是否打算动态更改。那么模板块是正确的方法吗?感谢。

编辑:这似乎也不起作用:

    <core-style ref="{{theme}}"></core-style>

0 个答案:

没有答案