Creating loading substate for application route

I’m trying to create a loading substate for the Application route using the new named substate feature added recently, but for some reason, I can’t get it to work. Originally, I just had created a simple template, loading.hbs, and it worked automatically, but because of the issues with substates on the application route, some of my UI was still visible. I’d like to correct this now.

I’ve tried renaming and moving the template around to the following places:

/templates/application_loading.hbs 
/templates/application-loading.hbs
/templates/application/loading.hbs

None seem to work though. I don’t need any custom routing behavior so the default generated route should do me, unless its a requirement for this to work. Documentation on this feature seems to be sparse. I added the feature flag to my environment.js, just in case it was needed. I found the jsbin for this feature and I should be doing it correctly according to it unless there’s some issue with ember-cli.

I originally posted this on Stack-Overflow, but haven’t received any response. Was hoping for better luck here. Any assistance would be appreciated.

DEBUG: -------------------------------
DEBUG: Ember      : 1.11.1
DEBUG: Ember Data : 1.0.0-beta.16.1
DEBUG: jQuery     : 1.11.2
DEBUG: -------------------------------