Javascript Polymer 2.0数据绑定-从html属性到Polymer类
我希望具有与禁用的聚合纸元素下拉菜单相同的功能 下拉菜单代码:Javascript Polymer 2.0数据绑定-从html属性到Polymer类,javascript,polymer,polymer-2.x,Javascript,Polymer,Polymer 2.x,我希望具有与禁用的聚合纸元素下拉菜单相同的功能 下拉菜单代码: <paper-dropdown-menu label="Disabled dinosaurs" disabled> <paper-listbox class="dropdown-content"> <paper-item>allosaurus</paper-item> <paper-item>brontosaurus</paper-item>
<paper-dropdown-menu label="Disabled dinosaurs" disabled>
<paper-listbox class="dropdown-content">
<paper-item>allosaurus</paper-item>
<paper-item>brontosaurus</paper-item>
<paper-item>carcharodontosaurus</paper-item>
<paper-item>diplodocus</paper-item>
</paper-listbox>
</paper-dropdown-menu>
异龙
雷龙
轮齿龙
双焦点
第一行有:
问题是如果禁用参数位于
中,如何将this.disabled=true传递给Polymer类
所以当我有
this.disabled=true
和if
this.disabled=false
?时,应该只使用布尔类型的聚合物属性并反射到属性
禁用元素
启用元素
.disabledInfo{display:none;}
:host([disabled]).disabledInfo{display:block;}
:host([disabled]).enabledInfo{display:none;}
我是残疾人
我被启用了
MyEl类。元素{
静态获取属性(){
返回{
残疾人士:{
类型:布尔型,
reflectToAttribute:true,
值:false
}
};
}
静态get是(){return'my el';}
}
定义(MyEl.is,MyEl);
您能用更新代码吗?常规数据绑定应该可以工作,但实现取决于在何处,这是可以的,但如何将此“禁用”反映到JS变量?我知道在这个例子中,我们可以在CSS中读取和使用disabled,但是如何在JS中读取disabled的值呢?哦,当JS变量是“someWord”并且在html中是“someWord”时,一切都可以正常工作,但是当变量是单个单词时,它就不起作用了-知道怎么做吗?在这个例子中,你可以在类内轻松地执行(例如。)connectedCallback您可以只使用这个。disabled
将返回true/false“外部”cou可以使用文档。getElementsByTagName('my-el')[0]。disabled
将返回true文档。getElementsByTagName('my-el')[1]。disabled
将返回false您还可以执行getAttribute('disabled'))如果设置,则返回“”(空字符串),否则返回null