Добавить путь к значку - Google Polymer

Question

В моем проекте я связываю список элементов «paper-fab» из массива JSON. Я хочу указать только имя значка вместо полного пути для связывания с свойством 'src' 'paper-fab'. Как я могу это достичь? Можно ли это сделать с вычисленным свойством? Заранее спасибо.

Ниже приведен фрагмент кода и формат JSON.

<ul id="actionButtons"> 
    <template is="dom-repeat" items="[[plugins]]"> 
     <li> 
      <span> 
       <paper-fab mini src="[[item.iconSrc]]" id="[[item.id]]" name="[[item.name]]" class$="[[item.cssClass]]"> </paper-fab> 
      </span> 
     </li> 
    </template> </ul> 

структура JSON приведена ниже

plugins: 
[ 
     { 
      "id": 1, 
      "name": "Image_1", 
      "iconSrc": "app/images/icons/pacs_pull.png", 
      "cssClass": "white" 
     }, 
     { 
      "id": 2, 
      "name": "Image_2", 
      "iconSrc": "app/images/icons/pacs_push.png", 
      "cssClass": "grey" 
     }, 
     { 
      "id": 3, 
      "name": "Image_3", 
      "iconSrc": "app/images/icons/fileBrowser.png", 
      "cssClass": "white", 
     } 
] 

Answer 1

Заканчивать Computed bindings

<template> 
    My name is <span>{{computeFullName(first, last)}}</span> 
    </template> 

    <script> 
    Polymer({ 
     is: 'x-custom', 
     properties: { 
     first: String, 
     last: String  
     }, 
     computeFullName: function(first, last) { 
     return first + ' ' + last; 
     } 
     ... 
    }); 
    </script> 

</dom-module> 

Вы должны быть в состоянии передать item.iconSrc вам вычислить, чтобы добавить путь к значок