title: retrieve data from Wikipedia and show it using angularjs
body: <p>I am new to angularjs. I am trying to get data from wikipedia and show it in the front end.
  I retrived the data from wiki using the following php code</p>
  
  <pre><code>$url = 'http://en.wikipedia.org/w/api.php?action=query&amp;prop=extracts|info&amp;exintro&amp;titles=Sachin_Tendulkar&amp;format=json&amp;explaintext&amp;redirects&amp;inprop=url&amp;indexpageids';
  $json = file_get_contents($url);
  echo json_encode($json);
  </code></pre>
  
  <p>following is my <strong>controller</strong></p>
  
  <pre><code>var demoApp = angular.module('demoApp',['ngRoute']);
  demoApp.controller('SimpleController',function ($scope,$http){
      $http.post('server/view1.php').success(function(data){
          $scope.info = data;
      });
  });
  </code></pre>
  
  <p>my <strong>html</strong> is as follows</p>
  
  <pre><code>&lt;html ng-app="demoApp"&gt;
  &lt;head&gt;
      &lt;title&gt; AngularJS Sample&lt;/title&gt;
      &lt;script type="text/javascript" src="js/angular.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/angular-route.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/script.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" type="text/css" href="css/style.css"&gt;
      &lt;link rel="stylesheet" type="text/css" href="css/bootstrap-combined.min.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div ng-controller="SimpleController"&gt;
          {{info.query}} // I dont know if this is right
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I want to display all the content that is retrieved in the front end but it is not showing up. I dont know what I have done wrong. I am a newbie to angularjs. </p>