如何使用polymer.js来切换元素的隐藏/显示

时间:2017-01-08 02:37:34

标签: javascript html css polymer

我在html页面中有两种类型的纸卡元素

<paper-card done> 
<paper-card>

还有一个按钮

<paper-icon-button icon="menu" on-tap="_show"></paper-icon-button>

我想使用_show函数设置<paper-card done>的样式以切换其视图状态,即在display和{{1}之间切换none }。如何使用聚合物来做到这一点?感谢。

1 个答案:

答案 0 :(得分:3)

隐藏/展示聚合物中的某些东西的最快方法是使用&#34;隐藏&#34;具有布尔属性和绑定的属性。这是一个例子。

<paper-card done hidden$="[[hideDone]]"> 

&#39; $&#39;在等于告诉聚合物它之前,它是一个布尔属性并相应地处理它。

然后你所要做的就是

this.set('hideDone', true)

在你的&#39; _show&#39;功能,这应该做的伎俩:)

要再次显示它,只需再次将属性设置为false,依此类推。