Loading Template Not Working

1

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):

  1. Nesting route :
- app
- | templates
- - | category
- - - | woman
- - - - | index.hbs
- - - - | loading.hbs

I also tried :

- app
- | templates
- - | category
- - - | woman
- - - - | index.hbs
- - - | loading.hbs
  1. Put action in route (app/routes/category/woman/index)
    		loading(){
			alert('loading')
		}
	}```

They all doesn’t work…