在angularjs页面中获取mysql结果

Question

I am very new to Angular, and I am really needing to figure this out quick ... I am just trying to pull info over from a mysql table into my angular page. I don't know where I am wrong, so I don't know what to fix. Here is the html:

<md-content class="md-padding" layout="row" layout-wrap>
    <md-card flex="40">
        <md-card-content>

            <div class="classified-info" ng-repeat="classified in classifieds">
                <h2 class="md-title">{{ classified.subnet }}</h2>
                <h2 class="md-title"> {{ classified.ipAdd }} </h2>
            </div>

        </md-card-content>
    </md-card>

    <md-card flex="40">
        <md-card-content>
            <div class="classified-info">
                <h2 class="md-title"> {{ classified.ipAdd }} </h2>
            </div>
        </md-card-content>
    </md-card>
</md-content>

here is the controller:

(function() {

"use strict";

angular
    .module("ngClassifieds")
    .controller("classifiedsCtrl", function($scope, $http) {

        $http.get('data/get_results.php').then(function(classifieds) {
            $scope.classifieds = classifieds.data;
        });

    });
})();

and here is the php:

<?php
header("Access-Control-Allow-Origin: *");
header("Content-Type: application/json; charset=UTF-8");

$conn = new mysqli("HOST", "UN", "PW", "TBL");

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

$outp = "";
while($rs = $result->fetch_array(MYSQLI_ASSOC)) {
if ($outp != "") {$outp .= ",";}
$outp .= '{"subnet":"'  . $rs["id_sub"] . '",';
$outp .= '"ipAdd":"'   . $rs["ip_add"]        . '",';
$outp .= '"subMask":"'. $rs["ip_mask"]     . '"}';
}
$outp ='{"classifieds":['.$outp.']}';
$conn->close();

echo($outp);
?>

Answer 1

(function() {

"use strict";

the probmlem is here:

angular
    .module("ngClassifieds")
    .controller("classifiedsCtrl", function($scope, $http) {

        $http.get('data/get_results.php').then(function(classifieds) {
            $scope.classifieds = classifieds**.data**;//data is not defined in JSON response. the correct access is  classifieds.classifieds
        });

    });
})();

Answer 2

In addition to Danilo's answer, I don't see where you are connecting the app and controller to the html.

Surround your html with:

<div ng-app="ng-classifieds">
    <div ng-controller="classifiedsCtrl">


        // Your html code here.


    </div>
</div>