title: Multiple directives asking for templates on
body: <p>I have the following HTML:</p>
  
  <pre><code>&lt;div style="border:1px solid; height:300px; width:500px; position:relative;  left:100px" id="canvas"&gt;
    &lt;tbox ng-repeat="tb in textBoxes" ng-model="tb"&gt;
    &lt;/tbox&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And the following 2 directives</p>
  
  
  
  <pre class="lang-js prettyprint-override"><code>appModule.directive('resizable', function($compile, $document) {
    return {
      restrict: "A",
      template: '&lt;div ng-style="{top:tb.x, left:tb.y, height:tb.height, width:tb.width}"  ng-transclude&gt;&lt;span class="scale"&gt;s&lt;/span&gt;&lt;/div&gt;',
      transclude: true,
      replace: true,
      require: 'ngModel'
    }
  });
  
  appModule.directive('tbox', function($document) {
    return {
      restrict: "E",
      template: '&lt;div class="editbox" resizable editoptions&gt;{{tb.text}}&lt;/div&gt;',
      replace: true
    }
  });
  </code></pre>
  
  <p>What exactly does the following error that angular is throwing me means?</p>
  
  <pre><code>Error: Multiple directives [tbox, resizable] asking for template on: &lt;div class="editbox" resizable="" editoptions="" ng-repeat="tb in textBoxes" ng-model="tb"&gt;
  </code></pre>
  
  <p>jsfiddle at <a href="http://jsfiddle.net/sEZM3/">http://jsfiddle.net/sEZM3/</a></p>