在Polymer中动态隐藏纸张标签

Question

需要根据用户点击隐藏元素。 尝试设置隐藏$ =＆＃34; {{hideme}}＆＃34;并使用此更改了hideme。$。xxx.hideme = true 同样在少数讨论中提到的更改隐藏了$ =＆＃34; {{hideme（）}}＆＃34;到函数返回值。但两者都没有用。 设置隐藏属性的正确方法是什么？

Answer 1

hidden$="{{hideme}}和hidden$="{{hideme()}}"是正确的，并且都会设置hidden属性，假设hideme属性和hideme()函数都在host元素中定义

例如，如果<x-foo>元素包含：

<paper-tabs hidden$="{{hideme}}">

...然后，您可以通过将<paper-tabs>设置为<x-foo>.hideme隐藏true元素。

注意在Polymer 2中，您显然需要在主机元素的样式中定义自己的[hidden] CSS规则：

<dom-module id="x=foo">
  <template>
    <style>
      [hidden] {
        display: none;
      }
    </style>
    ...

demo