How to change a component based on route or handlebars condition

Design
1

Hi Folks,

I’m a newcomer to Ember and I feel like I have come quite far on my own. In my attempts to create a ‘blog’ app I am faced with the following challenge. How do I change a component based on the route?

I have my global-header component that renders a header. This header will stay the same on all routes except if I am viewing a single blog post then I want to show header-single.

This is the handlebars logic I am trying to accomplish:

   {{#if single}}
        {{header-single}}
    {{else}}
        {{header-global}}
    {{/if}}

Thanks in advance