Javascript 如何使用ng repeat读取Json数据
我使用的是Express 3版本的NodeJs,有一个SQL查询,它从数据库中获取数据,然后对从SQL查询获得的结果应用JSON.Stringify和JSON.PARSE函数 我的JSON数据看起来像这样。结果是我正在保存结果的内容 Eclipse节点控制台上的输出: 数据库结果:Javascript 如何使用ng repeat读取Json数据,javascript,angularjs,json,node.js,express,Javascript,Angularjs,Json,Node.js,Express,我使用的是Express 3版本的NodeJs,有一个SQL查询,它从数据库中获取数据,然后对从SQL查询获得的结果应用JSON.Stringify和JSON.PARSE函数 我的JSON数据看起来像这样。结果是我正在保存结果的内容 Eclipse节点控制台上的输出: 数据库结果:[对象对象],[对象对象],[对象对象对象] 结果[对象对象],[对象对象],[对象对象对象] 在角度方面,我使用了以下方法: $scope.myResult = response.jsonParse; consol
[对象对象],[对象对象],[对象对象对象]
结果[对象对象],[对象对象],[对象对象对象]
在角度方面,我使用了以下方法:
$scope.myResult = response.jsonParse;
console.log($scope.myResult);
我正在使用Firebug查看我的结果,我可以在Firebug控制台上看到JSON格式的数据:
{
"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>
ng repeat=“result in myResult”>
项目名称:{{result.Item_Name}
项目描述:{{result.Item_DESC}
但它没有打印任何东西
但如果我这样做了
{{result}}
:它在屏幕上打印整个数据
对于不同的项目代码,我必须以不同的方式打印数据 发生这种情况是因为
myResult
变量绑定到从服务器返回的整个数据。而不是这样做
$scope.myResult = response.jsonParse;
做
你好你能把你的问题格式化一点吗?我相信可读性会大大提高。将node.js的一些代码放在要发送的位置data@ArifKhan为什么会有帮助?…OP显然是在客户端接收数据,问题是在显示器上。请不要要求与问题无关的东西创建一个重现问题的演示。你确定
ng repeat
在视图中的控制器范围内吗?@maverick我想你得到的是字符串形式的数据,而不是json或object形式的数据。感谢Gabriele的及时响应,但在这样做之后,我在Firebug上得到了这个错误。---错误:response.data未定义您可以控制台记录response.dataSorry,我的错误$scope.myResult=response.jsonParse.jsonParse
或ng repeat=“result in myResult.jsonParse”
@ShankarShastri在成功回调中没有数据
属性…只有在then()中。
感谢@charlietfl
$scope.myResult = response.data.jsonParse;