聚合物 - Ajax調用

Question

file objs.json: 
{ 
    "id": 1, 
    "name": "My obj", 
    "description": "My obj Desc" 
} 

後變量未更改文件我-element.html：

<polymer-element name="my-obj"> 
<template> 
    <core-ajax id="ajax" auto url="objs.json" 
      on-core-response="itemsLoaded" handleAs="json"></core-ajax> 
    <p>{{obj.name}}</p> 
</template> 
<script type="text/javascript"> 
    Polymer({ 
     ready: function() { 
      this.$.ajax.addEventListener("core-response", function(e) { 
       this.obj= e.detail.response; 
      }); 
     }, 
     itemsLoaded: function() { 
      console.log(this.$.ajax);//.response 
     } 
    }); 

</script> 

爲什麼我{{obj.name}}不會改變！？！？！

Answer 1

試試這個

<polymer-element name="my-obj"> 
<template> 

    <core-ajax 
     id="ajax" 
     url="objs.json" 
     on-core-response="{{itemsLoaded}}" 
     handleAs="json" 
    ></core-ajax> 

    <p>{{obj.name}}</p> 

</template> 
<script> 
    Polymer({ 
     ready: function() { 
      this.$.ajax.go(); 
     }, 
     itemsLoaded: function(e) { 
      this.obj = e.detail.response; 
     } 
    }); 
</script> 

Answer 2

我發現我的錯誤：

<core-ajax id="ajax" auto url="objs.json" 
     on-core-response="itemsLoaded" handleAs="json"></core-ajax> 

應該是：

<core-ajax id="ajax" auto url="objs.json" 
     on-core-response="{{itemsLoaded}}" handleAs="json"></core-ajax>