将iron-ajax响应绑定到嵌套元素的属性中

<script src="https://polyfill.io/v2/polyfill.min.js?features=WebComponents"></script>
<link rel="import" href="https://cdn.jsdelivr.net/npm/@polymer/polymer@3.0.0-alpha.12/polymer/polymer-element.html">
<link rel="import" href="https://cdn.jsdelivr.net/npm/@polymer/iron-ajax@2.0.0-rc.6/iron-ajax/iron-ajax.html">

class MyElement extends Polymer.Element {
  static get properties() {
    return {
      responseData: {
        type: Object,
        value: null
      }
    };
  }
}

<template>
  <iron-ajax
    auto
    url="https://api.example.com/data"
    handle-as="json"
    on-response="handleResponse"
  ></iron-ajax>
</template>

class MyElement extends Polymer.Element {
  // ...

  handleResponse(event) {
    this.responseData = event.detail.response;
  }
}

<template>
  <div>响应数据: [[responseData.nestedProperty]]</div>
</template>