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

Question

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

<paper-card done> 
<paper-card>

还有一个按钮

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

我想使用 _show设置<paper-card done>样式的函数切换其 View 状态，即切换 display在 none 之间和 block .如何使用 polymer 来做到这一点？谢谢。

Answer 1

在 polymer 中隐藏/显示某些东西的最快方法是使用具有 bool 属性和绑定(bind)的“隐藏”属性。这是一个例子。

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

等号前的“$”是为了告诉 polymer 它是一个 bool 属性并相应地处理它。

那么你所要做的就是一个

this.set('hideDone', true)

在您的“_show”函数中，这应该可以解决问题:)

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