如何在angularjs中使用ng repeat来获取嵌套的JSON数据
如何在angularjs中使用ng repeat来获取嵌套的JSON数据
我正在尝试使用ng-repeat在ng view中获取items._id的值。
目前返回了所有的数据，但我只想要特定的数据。
data.json
[ { _id : "td6v9db4514cc4ewew4334",
firstName : 'ayaz',
lastName : 'memon',
items : '[{"_id":"item2","_name":"My Item #4"},
{"_id":"item3","_name":"My Item #4"}]',
totalItems : 3,
totalPrice : 2999.97 } ]
控制器
app.controller('myCtrl', function($scope, $http) {
$http.get("data.json").then((response) => {
console.log(response.data)
$scope.userInfo = response.data
})
})
ng view
- {{x}}
问题原因：在ng-repeat中使用嵌套的JSON数据时，可能会遇到无法获取嵌套数据的问题。
解决方法：通过调整JSON数据的格式，确保嵌套数据正确地被获取。
以下是解决方法的具体步骤：
1. 首先，确保JSON数据的格式是正确的，嵌套的数据应该被正确地嵌套在父级对象中。
2. 在ng-repeat指令中，使用嵌套数据的路径来获取嵌套数据。例如，对于上述JSON数据，可以使用ng-repeat="item in userInfo.items"来获取items数组中的每个嵌套对象。
3. 在ng-repeat的HTML标记中，使用{{item._id}}来显示嵌套对象中的_id属性值。根据上述JSON数据的例子，可以使用{{item._id}}来获取每个嵌套对象的_id值。
4. 确保在更新答案时，检查是否与其他部分保持同步。如果需要更正错误，请进行相应的更改。
5. 如果在其他人提供的JSON数据中遇到问题，可以尝试修改JSON数据的格式，以确保嵌套数据正确地被获取。可以参考提供的链接，了解如何修改JSON数据的格式。
通过按照上述步骤，就可以在ng-repeat中正确获取嵌套的JSON数据。
