title: Angular UI - UI-Router - passing data and calling functions on child ui-view
body: <p>Using Angular JS - UI Router, I need to communicate from my parent view <code>project.details</code> to my child view <code>project.details.tasks</code>. How can my child view access the scope of the parent view? Also I would like my parent view to be able to call functions on my child view? How can I do this? </p>
  
  <p>This is a rough example of what I am trying to do:</p>
  
  <pre><code>.state('project.details', {
          url: "/:id",
          template: '&lt;a ng-click="[target-route??]&gt;childFunction()"&gt;',
          controller: function($scope){
              $scope.parentString = "parent value";
          }
      })
  .state('project.details.tasks', {
          url: "/tasks",
          templateUrl: "project.details.tasks.html",
          controller: function($scope){
             console.log("how do I get" + $scope.parentString + " here?";
  
             $scope.childFunction = function() { console.log('Parent calling');
  
  
          }
      })
  </code></pre>