2015-09-12 62 views
0

我試圖通過iron-list元素傳遞從JSON獲取的數據,但是我無法使其工作。Google聚合物 - 將數據從iron-list傳遞到自定義元素

我在我的自定義<user-status>元素到status對象這是正確顯示出來設置的默認值,它只是似乎並沒有相處的<iron-list>內通過JSON。

如果status對象<iron-list>要傳遞給我的<user-status>元素,那麼需要更改哪些內容?

我使用的聚合物1.0

這就是會beeing取出的JSON:

[ 
    { 
     "message":    "diam imperdiet mattis sit amet mattis erat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur dolor neque, lacinia eu fringilla id, pharetra id libero. Fusce sed vestibulum augue." 
    }, 
    { 
     "message":    "diam imperdiet mattis sit amet mattis erat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur dolor neque, lacinia eu fringilla id, pharetra id libero. Fusce sed vestibulum augue." 
    } 
] 

這是index.html相關HTML:

<template is="dom-bind"> 
    <iron-ajax url="/statuses.json" last-response="{{data}}" auto></iron-ajax> 
    <iron-list items="[[data]]" as "status"> 
    <template> 
     <user-status status="[[status]]"></user-status> 
    </template> 
    </iron-list> 
</template> 

這是我user-status.html元素:

<dom-module id="user-status"> 
    <template> 
    <paper-material user-status-container elevation="1"> 
     <div user-status-message-content><span>{{status.message}}</span></div> 
    </paper-material> 
    </template> 
</dom-module> 

<script> 
    Polymer({ 

    is: 'user-status', 

    properties: { 
     status: { 
     type: Object, 
     value: function() { 
      return { 
      message: 'This content has been left empty' 
      }; 
     } 
     } 
    }, 

    observers: [ 
     'statusChanged(status)' 
    ], 

    statusChanged: function(status) { 
     this.status = status; 
    }, 
    }); 
</script> 
+0

確保設置'手柄爲= 「json的」'在鐵的Ajax元素,因此它可以正確地分析接收到的對象。 –

+0

我添加了它,但它並沒有改變不幸的結果。不過很高興知道,謝謝! – xorinzor

+1

是因爲你缺少'='sign @'as =「status」'? – Ricky

回答

1

變化:

<iron-list items="[[data]]" as "status"> 

到:

<iron-list items="[[data]]" as="status"> 
相關問題