Ember `partial` templating with component

I am trying to use a single component in multiple page with different content. for that, I am trying with partial templating approach. But I find my way is wrong. any one suggest me the correct way?

name of route : my-route and my-service both are using same component called my-component. my component always having some default info too.. but partially how show different content on different page?

my partials are in template partials folder.

here is my try :

<h2>This is my Route page</h2>

 <!-- default content should be here -->

here is my live demo: Live Demo in Twiddle