2017-10-25 1 views
1

Ich versuche, jede Zeile in meiner SQL-Datenbank als eine eckige Karte anzuzeigen. Stattdessen wird mein Code jedes Zeichen als eine Karte anzeigt :( Ich bin neu in PHP, irgendwelche Empfehlungen? Hier einen Ausschnitt aus meiner IndexdateiAngular Anzeige PHP MySQL-Ergebnisse

<md-card style="width: 32%;" ng-repeat="item in frats track by $index"> 
    <md-card-content> 
    {{item}} 

Hier ist ein Ausschnitt aus meiner PHP-Datei

$query = "SELECT * FROM house_info"; 
mysqli_query($db, $query) or die('Error querying database.'); 
$result = mysqli_query($db, $query); 
$row = mysqli_fetch_array($result); 
while ($row = mysqli_fetch_array($result)) { 
    echo $row['name']; 
} 

Und hier ist ein Ausschnitt aus meiner js

Datei
$http.get('../phptestworkhere.php').success(function(data) { 
    $scope.frats = data; 
}); 

hier ist ein Beispiel dafür, wie es jetzt aussieht. Sie sehen, dass die ersten 5 Karten sp "Alpha". Dies sollte auf einer Karte sein.

Antwort

0

Ich verwende Angular nicht oft, aber basierend auf dem, was Sie beschreiben, denke ich, Ihr Problem ist, dass Ihre Antwort nur eine lange Zeichenfolge ist, die iteriert wird, grundsätzlich jedes Zeichen zu einem Array-Element.

dass beheben, ersetzen Sie die aktuelle while Schleife mit diesem:

$frats = array(); 
while ($row = mysqli_fetch_array($result)) { 
    $frats[] = $row['name']; 
} 

echo json_encode($frats); 

Dies wird die Antwort eines Javascript-Array von Strings, anstatt nur eine Saite, die Sie sich dann erlauben sollte wie erwartet iterieren.

+0

Das hat funktioniert! Vielen Dank –

+0

@JimHines Wenn dies die Lösung ist, dann markieren Sie sie bitte so (klicken Sie auf das Häkchen neben der Frage), damit zukünftige Besucher wissen. Es wird auch die Wahrscheinlichkeit erhöhen, dass Ihre Fragen in Zukunft beantwortet werden. –

+0

Wenn ich die anderen Teile der Abfragereihe, wie Name, Beschreibung, Bild, erfassen möchte, wie würde ich es zu den Frats hinzufügen, so dass der resultierende Json wie folgt aussieht: {Name: 'Sigma Chi', Beschreibung: 'blah', image: 'pic.jpeg'}, {name: ... –