web - Soportes dobles[[]] versus Soportes dobles{{}} en polímero

polymer polymer-1.0

Question

¿Cuál es una forma concisa de explicar la diferencia entre los corchetes dobles ( [[...]] ) y las llaves dobles ( {{...}} ) en el Polímero 1.0?

Por ejemplo, en la documentación del elemento <iron-list> , el HTML de muestra muestra:

<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>

¿Por qué los data delimitados por llaves dobles en un punto ( last-response="{{data}}" ) pero delimitados por corchetes dobles ( items="[[data]]" ) en otro lugar?

Answer 1

Me resulta útil pensar en el encuadernado de corchetes cuadrados como entrada para un elemento y corchete como entrada / salida o simplemente como salida. En la mayoría de los casos en los que estoy conectando un conjunto de elementos, invariablemente, hay un destino final para los datos y es un elemento que presenta la información. Esa unión final utiliza llaves cuadradas. Visualmente, al observar dónde se usan llaves cuadradas y rizadas, tengo una idea de qué produce un valor (arriostrado) y qué lo está consumiendo (arriostrado cuadrado).

Answer 2

La vinculación puede ser unidireccional (usando [[]]) o bidireccional (usando {{}}, pero también usar notificación).

Para explicar el tráfico de pensar vinculante * -way. unidireccional es cuando actualiza el modelo, la vista se actualiza. Cuando lo viceversa también es cierto, es un enlace bidireccional.

Para obtener más información, consulte la documentación .