通过json进行聚合物连接

抱歉，这是一个基本的新手问题；我在文件里找不到任何东西。假设我有一套卡片——就像入门教程中那样——每一张都有一些信息。我可以添加一个按钮提供锚定/链接到更多细节/文档/图像/pdf。。。是否可以通过json将这些链接设置为聚合？ 以下是我尝试过的： 在json中放置url链接（尝试绝对和相对），如：（摘录）{

…然后，在post列表中，导入纸张按钮和纸张图标按钮，并使用纸张图标按钮链接到“iconurl”，如下所示：

<paper-icon-button src="{{post.iconurl}}" onclick="_onclick()">Go</paper-icon-button>

• 有把手和没有把手

这是post-list.html的完整代码。（我已经学习了明信片教程，正在学习…）。 纸图标按钮现在可以在这种情况下工作。灰显的版本没有。至于我的javascript尝试绑定到json——所有的注释都在下面——嗯，没有任何效果

<link rel="import" href="../components/polymer/polymer.html">
<link rel="import" href="../post-service/post-service.html">
<link rel="import" href="post-card.html">
 <link rel="import"
    href="../components/paper-button/paper-button.html">
     <link rel="import"
    href="../components/paper-icon-button/paper-icon-button.html">

<polymer-element name="post-list" attributes="show">
  <template>
    <style>
    :host {
      display: block;
      width: 100%;
    }
    post-card {
      margin-bottom: 30px;
    }
        paper-icon-button{
         float:right;
            margin-left: 30px;
           margin-right: 20px;
            color: #0dddad;
            <!--background-image: url("../images/svgs/goto.svg");-->
        }
    </style>

    <post-service id="service" posts="{{posts}}">
    </post-service>

    <div layout vertical center>

      <template repeat="{{post in posts}}">
        <post-card>
          <img src="{{post.avatar}}" width="70" height="70">
          <paper-icon-button
    raisedButton
    class="colored"
    iconSrc="../images/svgs/eyeyeY.svg"
    on-click="{{goLink}}"></paper-icon-button>
          <!--<paper-icon-button src="../images/svgs/eyeyeO.svg" onclick="_onclick()">o</paper-icon-button>-->
          <h2>{{post.username}}</h2>
          <p>{{post.text}}</p>
          <h4>{{post.Legal}}</h4>
        </post-card>
      </template>

    </div>
  </template>
  <script>
       Polymer({});
  //Polymer('post-list', {
    //goLink: function(e) {
         //window.getElementById=e.target.open({{api/post.url}});

     //return document.getElementById("post.url")
     //document.location.href =e.target("{{post.url}}");
   // };
         //});
  </script>
</polymer-element>

：主持人{
显示：块；
宽度：100%；
}
明信片{
边缘底部：30px；
}
纸张图标按钮{
浮动：对；
左边距：30px；
右边距：20px；
颜色：#0dddad；
}
{{post.username}
{{post.text}

{{post.Legal}}
聚合物（{}）；
//聚合物（“后列表”{
//goLink：函数（e）{
//window.getElementById=e.target.open（{{api/post.url}）；
//return document.getElementById（“post.url”）
//document.location.href=e.target（“{post.url}”）；
// };
//});

是。（要获得更详细的答案，请提供一个更详细的问题，包括您尝试了什么，以及您到底在做什么）添加了更多详细信息。为了创建ulr链接并通过json打开新页面，我应该使用核心ajax吗？绑定到

src

应该可以工作。您的其余代码是什么样子的。添加了更多详细信息。绑定现在可以工作了。。。

function _onclick(){
      document.getElementById("{{post.url}}");
    };

<link rel="import" href="../components/polymer/polymer.html">
<link rel="import" href="../post-service/post-service.html">
<link rel="import" href="post-card.html">
 <link rel="import"
    href="../components/paper-button/paper-button.html">
     <link rel="import"
    href="../components/paper-icon-button/paper-icon-button.html">

<polymer-element name="post-list" attributes="show">
  <template>
    <style>
    :host {
      display: block;
      width: 100%;
    }
    post-card {
      margin-bottom: 30px;
    }
        paper-icon-button{
         float:right;
            margin-left: 30px;
           margin-right: 20px;
            color: #0dddad;
            <!--background-image: url("../images/svgs/goto.svg");-->
        }
    </style>

    <post-service id="service" posts="{{posts}}">
    </post-service>

    <div layout vertical center>

      <template repeat="{{post in posts}}">
        <post-card>
          <img src="{{post.avatar}}" width="70" height="70">
          <paper-icon-button
    raisedButton
    class="colored"
    iconSrc="../images/svgs/eyeyeY.svg"
    on-click="{{goLink}}"></paper-icon-button>
          <!--<paper-icon-button src="../images/svgs/eyeyeO.svg" onclick="_onclick()">o</paper-icon-button>-->
          <h2>{{post.username}}</h2>
          <p>{{post.text}}</p>
          <h4>{{post.Legal}}</h4>
        </post-card>
      </template>

    </div>
  </template>
  <script>
       Polymer({});
  //Polymer('post-list', {
    //goLink: function(e) {
         //window.getElementById=e.target.open({{api/post.url}});

     //return document.getElementById("post.url")
     //document.location.href =e.target("{{post.url}}");
   // };
         //});
  </script>
</polymer-element>