Polymer 1.0 hidden$ 属性取反运算符

Question

只是尝试应用否定运算符，它似乎不起作用，对此表示赞赏。

它绝对不是障碍，我可以编写一个计算方法来处理它，但否定运算符至少对我来说更有意义。

下面的代码片段不起作用，如果我删除否定运算符，它的工作方式与我预期的相反。

<div hidden$="{{!productDetails}}">
  My Hidden Content
</div>

文档（不全面）

https://www.polymer-project.org/1.0/docs/devguide/templates.html

Answer 1

你可以使用 DOM if

<dom-module id="user-page">

  <template>

    All users will see this:
    <div>{{user.name}}</div>

    <template is="dom-if" if="{{user.isAdmin}}">
      Only admins will see this.
      <div>{{user.secretAdminStuff}}</div>
    </template>

  </template>

  <script>
    Polymer({
      is: 'user-page',
      properties: {
        user: Object
      }
    });
  </script>

</dom-module>

Answer 2

关于未定义的值，隐藏属性很复杂。在您的聚合物模板中考虑以下内容：

<div hidden="{{ prop1}}">this is hidden on prop1     </div>
<div hidden="{{!prop1}}">this is hidden on not prop1 </div>

如果 prop1 未定义，则两个 div 都可见。换句话说：

（当 prop1 未定义时）道具 1 = 假 !prop1 = false

prop1赋值后，其中一个元素会消失。

（当 prop1 为 5 时）道具 1 = 真 !prop1 = false

Polymer 1.0 hidden$ 属性取反运算符

Polymer 1.0 hidden$ attribute negate operator

polymer

polymer-1.0