Multiple same directive share the scope variable?
<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>