title: Two directives are sharing the same controller
body: <p>Having the following directive</p>
  
  <pre><code>function directive() {
      return {
          template: '{{foo.name}}',
          controller: ctrl,
          controllerAs: 'foo'
      }
  }
  
  function ctrl($attrs) {
      this.name = $attrs.name;
  }
  </code></pre>
  
  <p>and this in a template:</p>
  
  <pre><code>&lt;directive name="1" /&gt;
  &lt;directive name="2" /&gt;
  </code></pre>
  
  <p>Why am I seeing the following output:</p>
  
  <pre><code>2
  2
  </code></pre>
  
  <p>instead of</p>
  
  <pre><code>1
  2
  </code></pre>
  
  <p>?</p>