Component runtime compile

I am appending the below script to the body on runtime. The script is appended when i navigate to a new route default.

<script type="text/x-handlebars" data-template-name="default">
        <div class="row">
          
        </div>
</script>

I can find the script tag appended to the body. but the component is not created inside the application outlet. I tried the events like willTransition, didtransition, activate, all are called only after the navigation so it is not creating the component.

I want to render a component inside the application when navigated to a link whose template script(route.hbs) is appended to body on runtime