Полимер, оценка элемента на основе объекта

Я использую пример плитки из полимерных неоновых элементов - и я пытаюсь сделать каждую расширенную плитку уникальной. Моя первая попытка сделать это состояла в том, чтобы передать строку с такими элементами сетки, как

 {
      value: 1,
      color: 'blue',
      template: 'slide-1'
 }

И пусть этот элемент будет оцениваться при отображении в новом элементе примерно так. (это сам шаблон карты)

<template>

<div id="fixed" class$="[[_computeFixedBackgroundClass(color)]]"></div>

<div id="card" class$="[[_computeCardClass(color)]]">
  <[[item.template]]></[[item.template]]>
</div>

This does not work - however I am wondering if there is some way to do this so I can load custom elements for the content of each card. For reference -https://elements.polymer-project.org/elements/neon-animation?view=demo:demo/index.html&active=neon-animated-pages , it is the grid example and I am trying to replace the content of each card once it is clicked on ( the fullsize-page-with-card.html, here is all the html for it - https://github.com/PolymerElements/neon-animation/tree/master/demo/grid ). Is this the wrong way of approaching this? Or maybe I have some syntax wrong here. Thanks!

Редактировать: ОК, поэтому я могу отправить его, если добавлю его к щелчку, чтобы открыть карточку, вот так

   scope._onTileClick = function(event) {
        this.$['fullsize-card'].color = event.detail.data.color;
        this.$['fullsize-card'].template = event.detail.data.template;
        this.$.pages.selected = 1;
    };

а в свойствах карты вот так

 template: {
    type: String
  },

Поэтому я могу затем оценить его как [[template]] , однако остается вопрос, как вызвать пользовательский элемент (динамически) с использованием этой строки. Я мог бы передать пару свойств и заполнить карту или форму, чтобы они были уникальными, но я думаю, что у меня было бы гораздо больше творческой свободы, если бы я мог вызывать пользовательские элементы внутри каждой карты.