Polymer 聚合物1.0中firebase元素的计算特性

我有一个元素，从firebase接收到一些数据，如下所示：

<dom-module id="my-positions-list">
 <template is="dom-bind">
  <firebase-collection data="{{aa}}"
                    location="https://myapp.firebaseio.com/positions">
  </firebase-collection>

  <template is="dom-repeat" items="[[aa]]" as="item"> 
   <p><span>{{url}}</span></p>
  </template>
 </template>

 <script>
  (function () {
    Polymer({
      is: 'my-positions-list',
      properties: {
        url:{
          type:String,
          computed: 'url(this.item.title)'
        }
      },
      url: function(title) {
        return "/positions/" + title;
      }
    });
  })();
 </script>
</dom-module>

{{url}}

（功能（）{
聚合物({
是‘我的职位列表’，
特性：{
网址：{
类型：字符串，
计算：“url（this.item.title）”
}
},
url:函数（标题）{
返回“/位置/”+标题；
}
});
})();

我正在尝试使用“item”的title属性创建一个计算属性“url”，但是运气不好，知道如何实现吗

我在控制台中还从polymer-mini.html文件中收到一条奇怪的消息：

[我的职位列表：：_prepTemplate]：顶级聚合物模板不能是类型扩展，发现模板内移动简单

知道如何修复它吗？

试试这个：

<dom-module id="my-positions-list">
  <template is="dom-bind">
    <firebase-collection data="{{aa}}"
                location="https://myapp.firebaseio.com/positions/"></firebase-collection>
    <template is="dom-repeat" items="[[aa]]"> 
      <p><span>{{url(item.title)}}</span></p>
    </template>
  </template>
</dom-module>
<script>
  (function () {
    Polymer({
      is: 'my-positions-list',
      url: function(title) {
        return "/positions/" + title;
      }
    });
  })();
</script>

{{url（item.title）}

（功能（）{
聚合物({
是‘我的职位列表’，
url:函数（标题）{
返回“/位置/”+标题；
}
});
})();

这里是jsbin中的it

试试这个：

<dom-module id="my-positions-list">
  <template is="dom-bind">
    <firebase-collection data="{{aa}}"
                location="https://myapp.firebaseio.com/positions/"></firebase-collection>
    <template is="dom-repeat" items="[[aa]]"> 
      <p><span>{{url(item.title)}}</span></p>
    </template>
  </template>
</dom-module>
<script>
  (function () {
    Polymer({
      is: 'my-positions-list',
      url: function(title) {
        return "/positions/" + title;
      }
    });
  })();
</script>

{{url（item.title）}

（功能（）{
聚合物({
是‘我的职位列表’，
url:函数（标题）{
返回“/位置/”+标题；
}
});
})();

---

这里，jsbin中的it

控制台消息是由外部模板中的is=“dom bind”引起的。你可以把它去掉。仅当您希望在聚合元素外部使用自动绑定时才需要此选项。控制台消息是由外部模板中的is=“dom bind”引起的。你可以把它去掉。仅当要在聚合物元素外部使用自动绑定时才需要此选项。