我不确定使用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>