title: How to access parent scope, if needed to?
body: <p>I'm struggling with this. Rating is a directive from Angular Bootstrap which I don't control, I can define a controller, and I'm trying to serialize the rating through it, however I don't seem to be able to have access to the parent article. I'm new to AngularJS so this is probably the silliest question, but I was experimenting with <code>$scope.$parent</code>, which in does gives me access to an <code>article</code> property, but when I do <code>$scope.$parent.article</code> it returns undefined, there must be another way.</p>
  
  <p>This is the markup in question:</p>
  
  <pre><code>&lt;div class="article full" data-ng-model="article"&gt;
    &lt;header class="page-header"&gt;
      &lt;h4&gt;{{article.title}}&lt;/h4&gt;
      &lt;div class="article-rating" rating ng-controller="RatingsCtrl" value="article.rating" max="5"&gt;&lt;/div&gt;
    &lt;/header&gt;
    &lt;!-- ... --&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is the directive in question <a href="https://github.com/angular-ui/bootstrap/blob/master/src/rating/rating.js">https://github.com/angular-ui/bootstrap/blob/master/src/rating/rating.js</a>, and this is my attempt on getting something to work, which doesn't add too much context, but as requested:</p>
  
  <pre><code>angular.module("myApp")
    .controller("RatingsCtrl", ($scope) -&gt;
      console.log $scope.$parent.article #=&gt; undefined
  
      $scope.$watch 'value', (newVal, oldVal) -&gt;
        console.log "newVal = #{newVal} oldVal=#{oldVal}"
        console.log $scope.$parent.article #=&gt; undefined
    )
  </code></pre>