title: Pass data from parent directive to child directive
body: <p>Hey guys I have a small question.. I have a directive that has an ng-repeat and transclude and inside of it separated several other directives that need to inherit the specific object from the itteration...</p>
  
  <p>I have only been able to do this with scope.$parent.. but this I don t like because if the parent changes that the scope.$parent could multiply to scope.$parent.$parent...</p>
  
  <p>The question is.. how can I pass each itteration object to the children directives ? I have tried with require and maybe $braodcast.. but with these I cannot send the specific itteration object...</p>
  
  <pre><code>&lt;div demo-parent&gt;
     &lt;div demo-child1&gt;&lt;/div&gt;
     &lt;div demo-child2&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  var demo = [obj1, obj2, obj3];
  
  demo.directive('demoParent', [function() {
      return {
         scope: true,
         transclude: true,
         template: '&lt;div ng-repeat="d in demo" ng-transclude&gt;&lt;/div&gt;'
      ]
  }]);
  
  demo.directive('demoChild1', [function() {
      function link(scope, el, attr) {
           scope.someInfo = the specific info from parent; // now with scope.$parent.$parent.d
      }
  
      return {
         scope: true,
         transclude: true,
         template: '{{someInfo}}',
         link: link
      ]
  }]);
  
  
  demo.directive('demoChild2', [function() {
      function link(scope, el, attr) {
           scope.someInfo = the specific info from parent; // now with scope.$parent.$parent.d
      }
  
      return {
         scope: true,
         transclude: true,
         template: '{{someInfo}}',
         link: link
      ]
  }]);
  </code></pre>
  
  <p>demoChild1 and demoChild2 are inside the demoParent in the markup but sepparate directives</p>