如何使用聚合物本地存儲屬性和值？

Question

我的意圖是創建一個指導性測驗，但我想在本地存儲名稱和選擇等內容。我在30分鐘內遵循Polymer構建了一個應用程序，但他們從未涉及如何在本地保存數據。

任何指導或建議將不勝感激。

Answer 1

我會建議你使用json與核心AJAX元素。

mydata.json

[{ 
    "question":"A question here", 
    "answer":"The answer", 
    "other":"and so on.." 
}, 
{ 
    "question":"Another question here", 
    "answer":"The answer", 
    "other":"and so on.." 
}] 

的index.html

<core-ajax id='ajax' url='mydata.json' on-response='{{response}}' handleAs='json'> 
<template repeat='{{data in json}}'> 
    <p>{{data.question}}</p> 
    <p>{{data.answer}}</p> 
</template> 
<script> 
    Polymer({ 
     json: null, 
     ready: function(){ 
      this.$.ajax.go(); 
     }, 
     response: function(e){ 
      this.json = e.detail.response; 
     } 
    }); 
</script>