Estoy trabajando en un widget que extrae información de terceros de una base de datos usando json. Una vez que se ha recopilado la información, planeo recorrer la información y crear el código HTML requerido e insertarlo en la plantilla a través de una {{variable}}

Ahora estoy obteniendo un resultado inesperado. Cuando hago esto, el html se muestra como texto.

Aquí hay un código sudo del problema:

       <polymer-element name="loop-element">
            <template>
                  {{customerList}}
            </template>
            <script>
                Polymer('loop-element', {
                   ready: function() {
                       this.loadCustomerList();
                   }
                   customerList:"Loading customer list...",

                   loadCustomerList: function() {
                       CustomerNameArray[] = //Get the array from jSon file
                       i = 0;
                       do {
                           this.customerList = "<div>" + customerNameArray[i] + "</div>";
                       } while (customerNameArray[i]);
                   }

                });

            </script>
        </polymer-element>

Esencialmente, los DIV no se representan, sino que se imprimen en la pantalla como texto:

"<div>Name 1</div>" "<div>Name 2</div>" ... n

En lugar de:

Name 1
Name 2
Name n...

Puedes ver un ejemplo de JSBin aquí:http://jsbin.com/tituzibu/1/edit

¿Alguien puede recomendar cómo hacer salir una lista a la plantilla?