2017-08-07 18 views
1

ヘルプを早めにお楽しみください! データの表示に問題があり、PHPからAngularJSサイトに戻ってきました。 トピックの過去のスレッドを見てきましたが、どれも役に立たなかった。PHPコールのデータをangularJSサイトに表示

私が言うことができるのは、私が戻ってくるPHP /データがうまく見えるということです。多分私のJSファイルと私のHTMLファイルの間に切断があるように見えます。

ご意見をいただければ幸いです。

// PHP CODE

$result = $conn->query("SELECT * FROM insights"); 

$insightsArray = array(); 
while($row = $result->fetch_array(MYSQLI_ASSOC)) 
{ 

$insightsArray[] = $row; 

} 

echo json_encode($insightsArray); 

$conn->close(); 

// JSコード

var myApp = angular.module('myApp', []); 

myApp.config(['$qProvider', function ($qProvider) { 
    $qProvider.errorOnUnhandledRejections(false); 
}]); 

myApp.controller('getInsights', function($scope, $http) { 
    $http.get("/getInsights.php") 
    .then(function(data){ 
     $scope.insightsArray = data; 
    }); 

}); 

// HTML

<html ng-app="myApp"> 
<head> 
<title>Get Insight</title> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.js"></script> 

</head> 
<body> 

<div ng-controller="getInsights"> 

<ul> 
<li ng-repeat="insight in insightsArray">{{insight.insighttype}}</li> 

</ul> 
</div> 
<script src="/angularJS.js"></script> 
</body> 
</html> 

答えて

1

変更するには、このようなあなたのコントローラーを。応答のデータプロパティにアクセスする必要があります。

myApp.controller('getInsights', function($scope, $http) { 
    $http.get("/getInsights.php") 
    .then(function(data){ 
     $scope.insightsArray = data.data; 
    }); 

}); 
関連する問題