使用Polymer,如何将类绑定到宿主元素

使用Polymer,如何将类绑定到宿主元素,polymer,Polymer,我知道,您可以使用以下自定义元素中元素的语法将元素的属性绑定到类属性 <div id="arrow" class$="{{propertyName}}"></div> 但是有可能对宿主元素本身应用绑定吗?我已经尝试了下面所示的内容,以及其他各种尝试,但都失败了 <link rel="import" href="../bower_components/polymer/polymer.html"> <dom-module id="my-element

我知道,您可以使用以下自定义元素中元素的语法将元素的属性绑定到类属性

<div id="arrow" class$="{{propertyName}}"></div>

但是有可能对宿主元素本身应用绑定吗?我已经尝试了下面所示的内容,以及其他各种尝试,但都失败了

<link rel="import" href="../bower_components/polymer/polymer.html">

<dom-module id="my-element" class$="{{propertyName}}">
    <template>
        <style>
        </style>
    </template>
    <script>
        Polymer({
            is:'my-element'
        });
    </script>
</dom-module>

聚合物({
是:'我的元素'
});

您想做的事情是可能的,通过

请参见以下内容,了解如何在主机节点上设置
其他
属性的值

我不确定重新定义像
class
这样的内置属性是否明智。如果您想使用反射属性进行样式设置,最好像我使用
me elem[other]
那样使用属性选择器

聚合物({ 是‘我的元素’, 特性:{ 类别:{ reflectToAttribute:true, 值:“红色” }, 其他:{ 类型:布尔型, reflectToAttribute:true, 值:true } } });

瑞德先生{
颜色:红色;
}
我的元素[其他]{
边框:实心1px黑色;
}
一些文本
Polymer({
  properties: {
    someProp: {
      reflectToAttribute: true
    }
  }
});