title: Wrap directive with custom HTML (another directive)
body: <p>Assume I have working directive called <code>&lt;my-directive&gt;</code>. It does some html rendering and event handling, it's thoroughly tested.</p>
  
  <p>Now I'd like to wrap this directive with another wrapper directive <code>&lt;wrapper&gt;</code> which will render this html snippet <code>&lt;div class="my-div"&gt;</code>, so that I could write code like this:</p>
  
  <pre><code>&lt;wrapper&gt;
     &lt;my-directive&gt;&lt;/my-directive&gt;
  &lt;/wrapper&gt;
  </code></pre>
  
  <p>and have:</p>
  
  <pre><code>&lt;div class="my-div"&gt;
     &lt;my-directive&gt;&lt;/my-directive&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can achieve that? I've tried some approaches before, none of them seemed to be working so I'm not posting any code.</p>