title: pass data from controller to directive's link?
body: <p>In my controller : </p>
  
  <pre><code>myApp.controller('homeCtrl', function($scope, $rootScope, $state,  'red';
      $rootScope.$on('new_story', function(event, data) {
          $scope.cardObj = {key:'value'};
      });
  });
  </code></pre>
  
  <p>In my HTML :</p>
  
  <pre><code>&lt;div clickmeee &gt;&lt;/div&gt;
  &lt;div id="feedContainer" card='{{cardObj}}'&gt; &lt;/div&gt;
  </code></pre>
  
  <p>In my directive :</p>
  
  <pre><code>myApp.directive('clickmeee', function($compile, $rootScope) {
  
              return {
                  restrict: 'A',
                  scope: {
                      card: '@'
                  },
                  link: function(scope, element, attrs) {
                      element.bind('click', function() {   
                              scope.$watch('card', function(newVal, oldVal) {
                                  alert(scope.card);
                              });         
                              });
                          }
                      };
                  });
  </code></pre>
  
  <p>How do I pass data from controller to this directive. I compile some html and prepend it to the div. All of that is sorted out but I need some data from object I am trying to pass.</p>
  
  <p>Any help??</p>