Multiple $firebase instances attached to same path do not trigger `loaded` event

[katowulf]

When two controllers access the same Firebase path, only the first $on('loaded', ...) handler gets fired.

This is due to the fact that locally cached data fires value events synchronously in Firebase. So on the first load, the server is contacted asynchronously by angularFire's _getInitialValue method.

However, on the second load, since the value is already local, the broadcast event happens synchronously, and therefore before your $on('loaded'...) handler gets attached.

See also: http://stackoverflow.com/questions/20768258/on-loaded-fires-once-for-new-references-firebase.

[anantn]

@katowulf Can you verify that the commit fixes this and re-open if it doesn't?

[gigablox]

@katowulf Unfortunately this fix doesn't seem to work for me.

I have put together a plunker here using version 0.6.0 to demonstrate the issue.

[katowulf]

@gigablox your plunkr doesn't load:

Uncaught Error: [$injector:modulerr] Failed to instantiate module plunker due to:
Error: [$injector:modulerr] Failed to instantiate module ui.router due to:
Error: [$injector:nomod] Module 'ui.router' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

[gigablox]

@katowulf Hum plunker can be a bit spotty at times mabye give it another go? No errors for me! I'm using the latest version of FireFox. Just incase I updated it to include the angular-ui-router.js as a project file rather than an external dependency.

[katowulf]

@gigablox I see the console.log() statement each time, indicating that 'loaded' is being triggered appropriately. What I don't see is data (it's logging undefined).

I'm not whether that's a technical limitation or a bug (@Anant?), but you can easily work around it by referring to obj instead of the values argument. Also, if that's an issue, let's file it as a separate ticket.

[gigablox]

Yea I was referring to the values argument being undefined. @anantn What are your thoughts in regards to the comment left by @katowulf ?

[apptimise]

All, I have the same problem in AngularFire 1.2.0. the @katowulf 's comment wouldn't work, because the $loaded() in obj.$loaded().then(function(values){...}) will not be triggered for the 2nd time, so doesn't matter if you use obj or values, the then() part will never be called. Any other suggestions?