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未定义时） prop1 = false ！prop1 = false

当为prop1分配一个值时，其中一个元素将消失。

（当prop1为5时） prop1 = true ！prop1 = false

Polymer 1.0隐藏$属性否定运算符

2 个答案: