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>
確保設置'手柄爲= 「json的」'在鐵的Ajax元素,因此它可以正確地分析接收到的對象。 –
我添加了它,但它並沒有改變不幸的結果。不過很高興知道,謝謝! – xorinzor
是因爲你缺少'='sign @'as =「status」'? – Ricky