使用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
}
}
});