javascript - 我如何使用angularJS从JSON结果中提取对象

Question

我使用这个函数从网络服务中读取数据

$scope.getProduitByCatID = function () {
    $http.get("/getProduitByCategorieID?id=" + $scope.categorie.id).success(function (data) {
        $scope.produits = data;
    });
};

我的模型 $scope.produits 中的值是:

{
    "reference": 1,
    "designation": "sony",
    "prix": 5100,
    "categorie": {
        "id": 1,
        "nom": "serveur"
    }
}

我想用 ng-repeat 显示这个结果

<tr ng-repeat="p in produits">
    <td>{{p.reference}}</td>
    <td>{{p.designation}}</td>
    <td>{{p.prix}}</td>
</tr>

但是不行我只想在我的模型中提取这些信息:

{
    "reference": 1,
    "designation": "sony",
    "prix": 5100
}

因为我有两个实体 product(id,designation,prix) 和 categorie(id,nom) 关联 ManytoOne 我如何使用 angularJS 做到这一点？

Answer 1

$scope.produits必须是一个数组。每次收到新数据时，都会将其插入此数组:

$scope.produits = [];
$scope.getProduitByCatID = function () {
    $http.get("/getProduitByCategorieID?id=" + $scope.categorie.id)
        .then(function successCb(res) {
            $scope.produits.push(res.data);
        }, function errorCb() {
        })
    ;
};

或者每次收到新数据时都创建一个新数组:

$scope.getProduitByCatID = function () {
    $http.get("/getProduitByCategorieID?id=" + $scope.categorie.id)
        .then(function successCb(res) {
            $scope.produits = [res.data];
        }, function errorCb() {
        })
    ;
};

或者您甚至可以在 ngRepeat 中创建一个数组: <tr ng-repeat="p in [produits]">