polymer - Polymer，如何使用变量格式化 URL 字符串

Question

我想绑定这样的 URL 字符串：

喜欢，但它不起作用。我应该怎么办？

  <dom-module id="list-view">
    <template id="app" testattr$="{{value}}" >
       <iron-list id="list" items="{{data}}" as="item">
         <template>
             <a href="{{item.id}}" >
                   <span>[[item.name]]</span>
             </a>


         </template>
      </iron-list>
   </template>


       <script>

        Polymer({
          is: 'list-view',
             ready: function() {
                    var _self = this;
                             $.get('data/persons.json',function(data){
                              _self.data = 
                             });
               });
            });
        </script>
 </dom-module>

我使用 iron-list 元素来重复要列出的数据。对象 --> [{"id":"001","name":"adisak"},{"id":"002","name":"adisak2"},{"id":"003", "name":"‌​adisak3"}] 然后我使用 iron-list 将数据绑定到元素列表

Answer 1

您可以使用以下方法计算您的 URL：

<dom-module id="list-view">
  <template id="app" testattr$="{{value}}" >
     <iron-list id="list" items="{{data}}" as="item">
       <template>
         <a href="{{_computeUrl(item.id)}}" >
           <span>[[item.name]]</span>
         </a>
       </template>
    </iron-list>
 </template>
 <script>
   Polymer({
     is: 'list-view',
     ready: function() {
       var _self = this;
       $.get('data/persons.json',function(data){
         _self.data = data;
       });
     },
     _computeUrl: function(id) {
       return '/myurl/' + id;
     }
   });
 </script>