bind values to application.hbs from different routes

In Ember.js (version 2.5.1), I have the following code in my application.hbs:

<div class="content-wrapper">
    <section class="content-header">
        <h1>
            <small></small>
        </h1>
    </section>
    <section class="content">
        
    </section>
</div>

Where should I declare and properties so they can change depending on the current route? I thought of generating an application controller (ember g controller application) which works fine for the index route, however, I am unable to change these properties if I navigate to other routes in my application.