Google Polymer - 将数据从 iron-list 传递到自定义元素

Question

我正在尝试通过 iron-list 元素传递从 JSON 获取的数据，但我无法让它工作。

我已将自定义 <user-status> 元素中的默认值设置为正确显示的 status 对象，只是 JSON 似乎没有得到在 <iron-list>.

内传递

我需要更改什么才能将 <iron-list> 中的 status 对象传递到我的 <user-status> 元素？

我正在使用 Polymer 1.0

这是正在获取的 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>

Answer 1

变化：

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

至：

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

Google Polymer - 将数据从 iron-list 传递到自定义元素

Google Polymer - Pass data from iron-list to custom element

polymer

polymer-1.0