Двойные скобки [[]] против двойных брекетов {{}} в полимере
Какой краткий способ объяснить разницу между двойными скобками ([[...]]
) и двойными скобками ({{...}}
) в 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
Мне кажется полезным придумать привязку квадратной скобки в качестве входных данных для элемента и фигурной скобки в качестве ввода/вывода или просто вывода. В большинстве случаев, когда я подключаю набор элементов, всегда есть конечный пункт назначения для данных, и это элемент, представляющий информацию. Это окончательное связывание использует квадратные скобки. Визуально, наблюдая, где используются квадратные и фигурные фигурные скобки, я получаю представление о том, что производит значение (фигурная скобка) и что его потребляет (квадратная скобка).