AngularJSを使用してリクエストからのデータを表示できません

私は、studentという名前のSQLテーブルからフェッチしたデータを表示しようとしています。私は、PHPファイルを使用してテーブルから取得したデータを含むJSONオブジェクトを持っています。しかし、AngularJSを使ってHTMLファイルにデータを表示することはできません。は、ここに私のmyScript.jsコードAngularJSを使用してリクエストからのデータを表示できません

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;           
          }); 
        } 

        });

は、ここに私のindex.htmlファイル

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

    </table> 
    </body> 
    </html>

はまた、私display.phpファイルの応答の形式で

[{"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"}]

出典

2016-12-30 SwapRenge

「$ scope.student = data.data;」を試してみてください。 –

あなたが$ scope.studentの値を共有した場合、成功メソッドでデータを取得できることを確認してください。 –

$ scope.student = data.dataを試しましたが、結果セットを表示できませんでした。 – SwapRenge

JSONオブジェクトですされますデータオブジェクトを使用する必要があります。結果：

$http.post("php/display.php").success(function(result) { 
    $scope.student = result.data;           
});

出典

2016-12-30 09:45:52 tomepejo

AngularJSを使用してリクエストからのデータを表示できません

答えて

関連する問題