title: $scope variable not updating in view
body: <p>I have the following snippet of code,</p>
  
  <pre><code>&lt;div ng-controller="GraphCtrl" ng-if="errorTracerouteResultsLength!=0"&gt;
    &lt;h5&gt;Erroneous Traceroute Paths
      &lt;small&gt;Sub-heading&lt;/small&gt;
    &lt;/h5&gt;
  
    &lt;a href="#"  ng-repeat="(key, val) in errorTracerouteResults" ng-click="loadTraceroutePath(val.metadata);"&gt;
      S: {{val.source.ip}}
      D: {{val.destination.ip}}
    &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>It works fine, loadTraceroutePath belongs to another controller,(lets call it X) but somehow ng-click works and console.log gets printed out with the correct metadata value.</p>
  
  <p>However, in controller X, I have,</p>
  
  <pre><code>$scope.loadIndividualTraceroutePath = function (metadataKey) {
     $scope.noOfResults = 1;
  }
  </code></pre>
  
  <p>In the html, I have <code>{{noOfResults}}</code> all over the place. Some of it are able to display 1 while some can't. I have already attached the <code>ng-controller</code> directives and point to controller X, but <code>{{noOfResults}}</code> does not display.</p>
  
  <p>How can I make <code>{{noOfResults}}</code> display in any section of the HTML?</p>
  
  <p>Edit: I have added the HTML. </p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;div class="col-lg-9"&gt;
      &lt;div class="panel panel-default"&gt;
        &lt;div class="panel-heading"&gt;
          &lt;i class="fa fa-bar-chart-o fa-fw"&gt;&lt;/i&gt; Visualisation
          &lt;div class="pull-right"&gt;
            Layout
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;!-- /.panel-heading --&gt;
        &lt;div class="panel-body"&gt;
  
          &lt;div class="container" ng-controller="X"&gt;
            &lt;!--This does not work--&gt;
            {{noOfResults}}
          &lt;/div&gt;
  
          &lt;div&gt;
  
            &lt;div ng-controller="IndividualTraceroutePathGraphCtrl" id="individual_traceroute_path_graph"&gt;&lt;/div&gt;
  
          &lt;/div&gt;
  
        &lt;/div&gt;
        &lt;!-- /.panel-body --&gt;
      &lt;/div&gt;
      &lt;!-- /.panel --&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>The ng click in the first part of this question is way below.</p>