如何使用ng-repeat

时间:2016-10-01 16:40:57

标签: javascript angularjs json node.js express

我正在使用ExpressJ版本的NodeJs并且有一个SQL查询从数据库中获取数据,然后我对从SQL查询获得的结果应用了JSON.Stringify和JSON.PARSE函数。

我的JSON数据看起来像这样。结果是我保存结果的东西。

节点Eclipse控制台的输出:

数据库结果:[object Object],[object Object],[object Object]

结果[object Object],[object Object],[object Object]

在Angular方面,我使用了以下方法:

$scope.myResult = response.jsonParse;

console.log($scope.myResult);

我正在使用Firebug查看我的结果,我可以在JBS格式中看到Firebug控制台上的数据:

{
  "jsonParse": [{
    "ITEM_CODE": 3,
    "ITEM_NAME": "SONY",
    "ITEM_DESC": " 44 inches",
    "ITEM_PRICE": 170,
    "ITEM_QTY": 4,
    "SELLER_FIRSTNAME": "sagar",
    "SELLER_LASTNAME": "kaw",
    "EMAIL": "sagar.kaw@gmail.com",
    "SELLER_USERNAME": "sagkaw",
    "category": "TV",
    "Group_Name": "Electronics"
  }, {
    "ITEM_CODE": 4,
    "ITEM_NAME": "GIBSON",
    "ITEM_DESC": "ACOUSTIC ",
    "ITEM_PRICE": 110,
    "ITEM_QTY": 6,
    "SELLER_FIRSTNAME": "sagar",
    "SELLER_LASTNAME": "kaw",
    "EMAIL": "sagar.kaw@gmail.com",
    "SELLER_USERNAME": "sagkaw",
    "category": "ENTERTAINMENT",
    "Group_Name": "INSTRUMENTS"
  }, {
    "ITEM_CODE": 5,
    "ITEM_NAME": "Marvel Avenger",
    "ITEM_DESC": "Captain America ",
    "ITEM_PRICE": 110,
    "ITEM_QTY": 6,
    "SELLER_FIRSTNAME": "sagar",
    "SELLER_LASTNAME": "kaw",
    "EMAIL": "sagar.kaw@gmail.com",
    "SELLER_USERNAME": "sagkaw",
    "category": "Kids Toy",
    "Group_Name": "TOYS"
  }]
}

我将JSON数据复制到myResults:

 }).success(function(response){

        $scope.myResult = response.jsonParse;

现在我必须在我正在使用的HTML上打印此数据

  ng-repeat="result in myResult">


  <p><Strong>Item Name : </Strong>{{result.ITEM_NAME}}</p>

  <p><Strong>Item Description : </Strong>{{result.ITEM_DESC}}</p>

但它不打印任何东西。

但如果我这样做

{{result}}:它在屏幕上打印整个数据。

我必须以不同的方式为不同的商品代码打印数据。

1 个答案:

答案 0 :(得分:-1)

这是因为您的myResult变量绑定到从服务器返回的整个数据。而不是这样做

$scope.myResult = response.jsonParse;

DO

$scope.myResult = response.data.jsonParse;