Question

在Polymer 1.0中解释双括号（[[...]]）和双括号（{{...}}）之间差异的简洁方法是什么？

例如，在<iron-list>元素的文档中，示例HTML显示：

<template is="dom-bind">
  <iron-ajax url="data.json" last-response="{{data}}" auto></iron-ajax>
  <iron-list items="[[data]]" as="item">
    <template>
      <div>
        Name: <span>[[item.name]]</span>
      </div>
    </template>
  </iron-list>
</template>

为什么data在一个点（last-response="{{data}}"）中以双括号为界，但在另一个点上用双括号（items="[[data]]"）限定？

Answer 1

绑定可以是单向（使用[[]]）或双向（使用{{}}，但也可以使用通知）。

解释* -way绑定思考流量。单向绑定是在更新模型时，视图会更新。反之亦然，这是一种双向约束。

有关详细信息，请参阅documentation。

Answer 2

我发现将方括号绑定视为元素的输入和花括号作为输入/输出或仅输出是有用的。在大多数情况下，我将一组元素连接在一起，总是存在数据的最终目的地，并且在一个呈现信息的元素上。最后的绑定使用方括号。在视觉上，通过观察使用方形和花括号的位置，我可以了解产生一个值（花括号）和消耗它的内容（方形支撑）。

Polymer括号[[]] vs Double Braces {{}}

2 个答案: