How to dynamically generate a component withing a component/directive?

Question

I want to create a wrapper for different angularjs components. That wrapper have some have html code and some common functions.

<div class="wrapper">
    <h1>{{header}}</h1>
    <!--place for a component that has been passed through bindings-->
    </div>

So ideally, I want to pass a name of a child component to this one and have it render it. How can I achieve this?