exemplo 6.1 – false-scope-directive.html

  <!doctype html>
  <html ng-app="myApp">
  <body ng-controller="ParentController">
  <div>
  	<span>-scope: false-</span><br />
  	<span>Parent Count: {{count}}</span>
  	<div my-dir />
  </div>
  <script src="angular.min.js"></script>
  <script type="text/javascript">
  angular.module('myApp', [])
  .controller('ParentController', function($scope) {
    $scope.count = 10; // scope-pai
  })
  .directive('myDir', function() {
    return {
    scope: false,
    link: function(scope){
       scope.count = 30; // scope da diretiva
    },
    template: 'Directive Count: {{count}}'
   };
  });
  </script>
  </body>
  </html>