# Loading Template Not Working

**URL:** <https://discuss.emberjs.com/t/loading-template-not-working/11400>\
**Category:** Uncategorized\
**Created:** [August 14, 2016, 10:18am UTC](https://discuss.emberjs.com/t/loading-template-not-working/11400 "2016-08-14T10:18:35Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![rizkiandrianto](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/rizkiandrianto/32/12488_2.png) [@rizkiandrianto](https://discuss.emberjs.com/u/rizkiandrianto)\
**Post date:** [August 14, 2016, 10:18am UTC](https://discuss.emberjs.com/t/loading-template-not-working/11400/1 "2016-08-14T10:18:35Z")

</div>

Hello, I use Ajax to render component. I want to have ‘loading screen’ for every route. Would you guys help me to make the loading screen? If global loading page is not possible at least just for every single page.

What I’ve done (based on [Documentation](https://guides.emberjs.com/v2.6.0/routing/loading-and-error-substates/)):

1. Nesting route :

```auto
- app
- | templates
- - | category
- - - | woman
- - - - | index.hbs
- - - - | loading.hbs

```

I also tried :

```auto
- app
- | templates
- - | category
- - - | woman
- - - - | index.hbs
- - - | loading.hbs

```

1. Put action in route (app/routes/category/woman/index)

````auto
		loading(){
			alert('loading')
		}
	}```

````

They all doesn’t work…