Двойные скобки [[]] против двойных брекетов {{}} в полимере

Какой краткий способ объяснить разницу между двойными скобками ([[...]]) и двойными скобками ({{...}}) в 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]]") в другом месте?

Ответ 1

Связывание может быть односторонним (с использованием [[]]) или двухсторонним (с помощью {{}}, но также использовать уведомление).

Объяснить * -взаимодействующий трафик. односторонняя привязка - это когда вы обновляете модель, представление обновляется. Когда наоборот также верно, это двусторонняя привязка.

Для получения дополнительной информации см. документацию .

Ответ 2

Мне кажется полезным придумать привязку квадратной скобки в качестве входных данных для элемента и фигурной скобки в качестве ввода/вывода или просто вывода. В большинстве случаев, когда я подключаю набор элементов, всегда есть конечный пункт назначения для данных, и это элемент, представляющий информацию. Это окончательное связывание использует квадратные скобки. Визуально, наблюдая, где используются квадратные и фигурные фигурные скобки, я получаю представление о том, что производит значение (фигурная скобка) и что его потребляет (квадратная скобка).