Wie ein JSON von PHP an AngularJS übergeben werden

Question

Ich bin neu in der Webentwicklung und so könnte dies ein einfaches Problem für einige und hoffentlich ein nützlicher Thread für andere Anfänger sein.

Ich wähle einige Daten (Konten) aus einer MySQL-Datenbank mit einem PHP-Skript. Ich möchte, dass diese ausgewählten Daten an eine Winkelvariable übergeben werden, sodass ich die Ausgabe mithilfe von ngRepeat erstellen kann. Was muss ich in meinen PHP- und/oder Angular-Dateien ändern?

Nun, da das JSON erstellt wird, ist das Problem, dass ich nicht auf den HTML-Code zurückkomme, den ich PHP genannt habe. Wie kann ich das schaffen?

Vielen Dank für Ihre Hilfe Chris

HTML

<form action="./backend/display_accounts.php" method="post"> 
    <input class="btn btn-default" type="submit" value="display accounts"/> 
</form> 
<ul> 
    <li ng-repeat="account in accounts"> 
    {{ account.account_name }} 
    </li> 
</ul> 

PHP

<?php 
include 'connect.php'; 
$sql = //myQuery// 
$result = $conn->query($sql); 
//return ($result); 
if ($result->num_rows > 0) { 
while($row = $result->fetch_assoc()) { 
$json_arry = json_encode($row); 
echo $json_array;} 
} 
else { 
     echo "0 results"; 
} 
$conn->close(); 
?> 

AngularJS

var app = angular.module("myApp", ['ngRoute']) 
app.controller('accountsController', function($scope, $http) { 
$scope.displayData = function(){ 
$http.get("./backend/display_accounts.php") 
.then(function (response) {$scope.accounts = response.data.records;}); 
}; 
}); 

Answer 1

Da Sie bereits die da erhalten haben ta in eine Variable (Konten). Sie können folgenden Code im HTML verwenden, um die Ergebnisse zu sehen

Answer 2

Ich denke, Sie sollten ein bisschen ändern. In PHP

$sql = //myQuery// 
$row = array(); //here is change 
$result = $conn->query($sql); 
return ($result); 
if ($result->num_rows > 0) { 
while($r= $result->fetch_assoc()) { 
$row[]= $r; //here is change 
$json_arry = json_encode($row); 
echo $json_array; 
} 

Und in Winkel

$http.get("./backend/display_accounts.php") 
.then(function (response) {$scope.accounts = response.data;}); //you dont need record in here if json file of you dont have the key records 
}; 

wenn JSON-Datei von Ihnen wie Sie Datensätze benötigen, sollten aber, wenn nicht. Du brauchst es nicht.

{"records": 
[ 
{// your data}]} 

Wenn JSON-Datei von Ihnen einen haben, b, c oder irgendeine Sache statt Aufzeichnungen, sollten Sie dieses

$scope.accounts = response.data.a; //a b c or some thing for ex I use a 

schreiben Und Sie können wie

<ul ng-repeat= account in accounts> 
<account. ...> 
</ul>