title: How to use tabs with separate controllers?
body: <p>In my Angular 1.3 project I have the following:</p>
  
  <pre><code>&lt;tabset&gt;
    &lt;tab ng-controller="FirstTabCtrl"&gt;
      {{content}}
    &lt;/tab&gt;
    &lt;tab ng-controller=SecondTabCtrl"&gt;
      {{content}}
    &lt;/tab&gt;
  &lt;/tabset&gt;
  </code></pre>
  
  <p>In Angular 1.4.4 I get the following error message:</p>
  
  <blockquote>
    <p>Multiple directives [ngController, tab] asking for new/isolated scope</p>
  </blockquote>
  
  <p>I have tried wrapping the tabs in div's but that destroys the layout.</p>
  
  <p>How can rewrite the code to work with 1.4.4?</p>
  
  <p>Here is a plunker describing the problem: <a href="http://plnkr.co/edit/KScdI2jAZ4BAvDL4kCfk?p=preview" rel="nofollow">http://plnkr.co/edit/KScdI2jAZ4BAvDL4kCfk?p=preview</a></p>