php - AngularJS $http.get 产品

Question

我在 angularjs 中创建了我的新商店。在那里我有一个名为 store 的功能，它可以获取我所有的产品。一开始我只是在那里写了所有的产品，但现在我想从 mysql 数据库中获取它们。我认为问题出在 $http.get 中，但不知道是什么。

在我的函数看起来像这样之前:

function store() {
    this.products = [
        { num: 1, code: 'TEST', category: 'Diverse', name: 'TEST', src: "test.png", description: 'info her', price: 2, cal: 10 }
    ];
}

这有效。我使用 $http.get 创建了下面的代码，并且该代码在我的商店中不显示任何内容:

function store() {

    $http.get('products.php')
        .success(function(data) {
            this.products = data;
        });

}

我的 products.php 文件回显了这一点，并且它确实编码为 json:

[{"num":"1","code":"TET","category":"Diverse","name":"Test","src":"test.png","description":"Test","price":"5","cal":"10"}]

products.php 文件:

require('scripts/connect.php');

$statement = $conn->prepare("select * from products");
$statement->execute();

while($row = $statement->fetch(PDO::FETCH_ASSOC)){

  foreach($row as $key => $value) {
    $prod[$key] = $value;
  }

  $main_arr[] = $prod;
}

$json = json_encode($main_arr); 
echo $json;

额外的帮助代码:

Controller .js

function storeController($scope, $routeParams, DataService) {
    // get store and cart from service
    $scope.store = DataService.store;
    $scope.cart = DataService.cart;
}

app.js

storeApp.factory("DataService", function () {

    // create store
    var myStore = new store();
});

Answer 1

我真的不知道你的代码是如何工作的，但你说这段代码工作正常:

function store() {
    this.products = [
        { num: 1, code: 'TEST', category: 'Diverse', name: 'TEST', src: "test.png", description: 'info her', price: 2, cal: 10 }
    ];
}

我假设您可以以某种方式访问​​ $http。

要将上面的代码转换为使用$http，应该像这样:

function store() {
    var self = this;

    $http.get('products.php')
        .success(function(data) {
            self.products = data;
        });
}

希望这有帮助。