Unable to display data from request using AngularJS
<p>I am trying to display data fetched from an SQL table named student. I have JSON object containing data retrieved from table using PHP file. But i can't display data in my HTML file using AngularJS.
Here is my myScript.js code</p>

<pre><code>var myApp = angular.module("myModule",[])
          .controller("myController",function($scope,$http)
                  {
                    getData();
                    function getData(){
                        $http.post("php/display.php").success(function(data)
                         {
                            $scope.student=data.data;                                          
                          });
                    }

                     });
</code></pre>

<p>Here is my index.html file</p>

<pre><code>&lt;html ng-app="myModule"&gt;
&lt;head&gt;
    &lt;script type="text/javascript" src="angular.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="myscript.js"&gt;&lt;/script&gt;
    &lt;link rel="stylesheet" type="text/css" href="style.css"&gt;
    &lt;/head&gt;
      &lt;body ng-controller="myController"&gt;
        &lt;table&gt;
            &lt;tr&gt;
            &lt;th&gt;ID&lt;/th&gt;
            &lt;th&gt;NAME&lt;/th&gt;
            &lt;th&gt;CITY&lt;/th&gt;
        &lt;/tr&gt;
        &lt;tr ng-repeat="stud in student"&gt;
            &lt;td&gt;{{stud.id}}&lt;/td&gt;
            &lt;td&gt;{{stud.name}}&lt;/td&gt;
            &lt;td&gt;{{stud.city}}&lt;/td&gt;
        &lt;/tr&gt;

    &lt;/table&gt;
    &lt;/body&gt;
  &lt;/html&gt;
</code></pre>

<p>Also response of my display.php file is json object in the form </p>

<pre><code>[{"Id":"1","name":"Swapnil","city":"Nanded"},           
{"Id":"2","name":"Swap","city":"Nanded"},  

{"Id":"3","name":"Swapn","city":"Nanded"},  

{"Id":"4","name":"Swapni","city":"Nanded"},
{"Id":"5","name":"Swap","city":"Parbhani"}]         
</code></pre>