AngularJS - Simple Directive Use

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="http://code.angularjs.org/1.0.0/angular-1.0.0.js"></script>
<div  ng-app="myApp">
<div ng-controller="MyCtrl">
    
<gt-map states-active="states"></gt-map>
</div>
</div>

CSS

.ui-state-highlight { background-color: #EEEEEE; }

JavaScript

angular.module('myApp', []);
angular.module('myApp').directive('gtMap', 
    function() {
      return {
          restrict: 'EAC',
          scope: {
              statesActive: '='
          },            
          link: function (scope, element, attrs) {
              var stateData = scope.statesActive;
              // Don't get data here
              console.log(scope.statesActive)
          }
       }
    }
  );
  
angular.module('myApp').controller('MyCtrl', 
    function($scope) {
        $scope.states = "abc";
        
    });