title: AngularJS Multiple Directive Resource Contention
body: <p>I am trying to build a directive with angular.</p>
  
  <p>Here is the <a href="http://plnkr.co/edit/KbccCT?p=preview" rel="noreferrer">plunker</a></p>
  
  <p>I wanted to split it into 3 directives:</p>
  
  <ul>
  <li>Top, grand-parent directive.  - many <strong>DAYS</strong></li>
  <li>Middle, created with ng-repeat - one <strong>DAY</strong></li>
  <li>Bottom, created with ng-repeat - many <strong>TIME BLOCKS</strong></li>
  </ul>
  
  <p><code>
  angular
  .directive('dateTimeBlocks', [function dateTimeBlocksDirective () {}])    .directive('dayBlock', [function dayDirective () {}])
  .directive('timeBlock', [function timeBlockDirective () {}])
  </code></p>
  
  <p>I wanted to create middle and bottom directives with
  isolated scopes and only pass the data that I want to modify inside.</p>
  
  <p>But it seems to unable to compile 
  "Multiple directives [dateBlock, dateBlock] asking for template on: ..."</p>
  
  <p>Any input would be greatly appreciated.</p>