Passing data to new page using Onsenui
<p>I am trying to call an API end point once a user clicks a button holding a myNavigator.pushPage() request. However,I can not get the $scope data generated from the $http.get request to be passed to the new page. </p>

<p>If I test using <strong>console.log('test');</strong> inside the .success of the <strong>$http.get</strong> request I successfully get the log info in the console but any data held in <strong>$scope.var = 'something';</strong> does not gets passed to the page! Really confused!</p>

<pre><code>$scope.historyDetails = function(id){

    var options = {
      animation: 'slide', 
      onTransitionEnd: function() {
        $http.get('http://xxx-env.us-east-1.elasticbeanstalk.com/apiget/testresult/testId/'+id).success(function(data) {    

          $scope.testscore = 'something'; // this is not getting passed to page!            

          console.log('bahh'); // But I see this in console



        });              
      } 
    };
    myNavigator.pushPage("activity.html", options);        
}
</code></pre>

<p>Page:</p>

<pre><code>&lt;ons-page ng-controller="HistoryController"&gt;
...

&lt;span style="font-size:1.2em"&gt;{{testscore}} &lt;/span&gt;&lt;span style="font-size:0.5em;color:#555"&gt;&lt;/span&gt;

...
&lt;/ons-page&gt;
</code></pre>