如何解雇“铁局部存储负荷”事件?

时间:2016-05-17 15:20:36

标签: javascript polymer web-component

我想在我的视图中加载一些数据。现在我正在使用iron-localstorage元素。

因为我想使用动画,所以我必须在加载iron-localstorage元素的数据后计时播放动画。

根据文档,iron-localstorage-load事件是:

  

从localStorage加载值时触发。

https://elements.polymer-project.org/elements/iron-localstorage

但由于某种原因,事件不会发生。

以下是我使用的内容:

<iron-localstorage 
    name="library-storage" 
    value="{{value}}" 
    on-iron-localstorage-load-empty="initializeDefaultCards" 
    on-iron-localstorage-load="handleLocalstorageLoadEvent">
</iron-localstorage>

这里应该处理load事件的方法:

handleLocalstorageLoadEvent: function() {
    alert('Localstorage Loaded');
},

这是Plnkr :(我还使用了一个铁ajax元素,以显示来自铁-ajax的事件被发射,与来自iron-localstorage的事件相比。

http://plnkr.co/edit/idN3fnNp8lbhR0jjx5Rs?p=preview

1 个答案:

答案 0 :(得分:2)

您的代码没有将任何值设置为value,因此它永远不会保存到localstorage。因此,您永远不能从localstorage加载。

在您的plunkr中,如果您更改为{{cards}},您就会开始接收该事件。