 or <code>foo.bar-loading</code></li>
<li><code>foo.loading</code> or <code>foo-loading</code></li>
<li><code>loading</code> or <code>application-loading</code></li>
</ol>
<p>It's important to note that for <code>slow-model</code> itself Ember will not try to find
a <code>slow-model.loading</code> template but for the rest of the hierarchy either
syntax is acceptable. This can be useful for creating a custom loading screen
for a leaf route like <code>slow-model</code>.</p>
</section>
<h3 id="toc_the-loading