polymer-localstorage-load only fires if the value has previously been set

[balupton]

I have this code:

<polymer-localstorage name="my-name" value="{{myName}}" polymer-localstorage-load="{{getName}}"></polymer-localstorage>

getName: function(){
                while ( !me.myName ) {
                    me.myName = prompt('What is your name?');
                }
            },

But getName never fires if the local storage value hasn't been already set. I would expect that getName always fires, as soon as the value has been fetched, even if the value is undefined.

As originally I had the following in the ready event:

                while ( !me.myName ) {
                    me.myName = prompt('What is your name?');
                }

But the localstorage element hadn't fetched the value yet, so I tried to use the load event instead, but to the same failure.

[frankiefu]

the event name needs to prefix with on-

<polymer-localstorage name="my-name" value="{{myName}}" on-polymer-localstorage-load="{{getName}}"></polymer-localstorage>

More info here:
http://www.polymer-project.org/polymer.html#declarative-event-mapping

[balupton]

😳 whoops, working now! 👍