2015-08-04 4 views
1

У меня есть элемент, где я получаю некоторые данные из firebase, который выглядит следующим образом:Вычисляется свойство с firebase элементом полимера 1,0

<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», используя название атрибута «элемент», но не повезло, какая-то идея, как этого достичь?

Я также получаю это странное сообщение в моей консоли из полимерно-mini.html файла:

[моя-позиция-лист :: _ prepTemplate]: верхний уровень Polymer шаблон не должна быть тип- расширение, найденный шаблон Перемещение внутри простого.

Любая идея, как это исправить?

+1

Сообщение Консоли вызываются является = "Дом-затруднительным" в вашем внешнем шаблоне. Вы можете просто удалить это. Это требуется только в том случае, если вы хотите использовать автоматическое связывание вне элемента Polymer. – Maria

ответ

4

Попробуйте это:

<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> 

здесь это в jsbin http://jsbin.com/lokegu/edit?html,output

+1

отлично, спасибо! –

Смежные вопросы