I have an Ember.js application, and I have a route called parent/child. When I render the parent/child template, I only want the content inside the parent/child template to be displayed. I don’t want the contents from the parent template to be rendered. How can I achieve this?

I tried using display:none and display:block on the current route, but it doesn’t seem to be the correct approach. How can I prevent the parent template from being loaded at all?