title: Multiple same directive share the scope variable?
body: <p>Does controller share it's scope if I use the directive in one page multiple times? Although I think is not shared, I still want someone to help me understand this point.</p>
  
  <p>If I define the variable 'isWidgetEnabled' in fooController, will it share in both two directives, if I want each directive 'foo' has its own variable, how can I do it?</p>
  
  <p><strong>js:</strong></p>
  
  <pre><code>angular.module("module")
    .controller("fooController", ["$scope", function($scope) {
      ...
    })
    .directive("foo", function() {
      return {
        restrict: "E",
        controller: "fooController",
        link: function($scope, $element, $attrs) {
          // Do some things with the scope of the controller here
        }
      }
    });
  </code></pre>
  
  <p><strong>html:</strong></p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
      &lt;!-- Scripts here --&gt;
      &lt;/head&gt;
      &lt;body ng-app="module"&gt;
          &lt;foo/&gt;
          &lt;foo/&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>