Javascript 如何从外部嵌套json文件加载数据并打印值
您好,我在将json对象的结果显示到我的视图页面时遇到了问题。屏幕显示为空,但我正在控制台中获取数据。当使用ng repeat时,它显示一些错误“Repeater中的重复密钥” 我的基本要求是从json文件打印标题,当我单击它时,它应该显示title=“example”Javascript 如何从外部嵌套json文件加载数据并打印值,javascript,angularjs,json,angularjs-ng-repeat,Javascript,Angularjs,Json,Angularjs Ng Repeat,您好,我在将json对象的结果显示到我的视图页面时遇到了问题。屏幕显示为空,但我正在控制台中获取数据。当使用ng repeat时,它显示一些错误“Repeater中的重复密钥” 我的基本要求是从json文件打印标题,当我单击它时,它应该显示title=“example” var myItemsApp=angular.module('myItemsApp',[]); myItemsApp.factory('itemsFactory',['$http',函数($http){ var itemsFa
var myItemsApp=angular.module('myItemsApp',[]);
myItemsApp.factory('itemsFactory',['$http',函数($http){
var itemsFactory={
itemDetails:函数(){
返回$http({
url:“action.json”,
方法:“获取”,
})
.然后(功能(响应){
返回响应数据;
});
}
};
返回项目工厂;
}]);
myItemsApp.controller('NavController',['$scope','itemsFactory',函数($scope,itemsFactory){
var promise=itemsFactory.itemDetails();
promise.then(函数(数据){
$scope.itemDetails=数据;
控制台日志(数据);
});
$scope.select=功能(项){
$scope.selected=项目;
}
$scope.selected={};
}]);代码>
动态标题
动态加载标题
{{item.title}
标题:{{selected.Title}
您应该有两个嵌套的ng repeat
<div ng-repeat="(key,item) in itemDetails">
<a ng-repeat="i in item">
{{i.title}}
</a>
</div>
您应该有两个嵌套的ng repeat
<div ng-repeat="(key,item) in itemDetails">
<a ng-repeat="i in item">
{{i.title}}
</a>
</div>
您的json将产品和页面作为键。您的承诺为您提供了需要迭代和获取产品对象的整个对象,然后您可以访问标题。您的json将产品和页面作为键。您的承诺为您提供了需要迭代和获取产品对象的整个对象,然后您可以访问title。使用track by$index尝试以下代码{{item.title}@Dinesh:我尝试了按索引跟踪,但我希望根据json中的更改动态打印我的值..那么有什么解决方案我在这里共享了我的Plunk,你能检查一下吗?我更新了你的JSFIDLE这是你想要使用按$index跟踪的吗?试试这个代码{{item.title}@Dinesh:我尝试了按索引跟踪,但我希望根据json中的变化动态打印我的值。那么,有什么解决方案我在这里共享了我的Plunk,你能检查一下吗?我更新了你的JSFIDLE,这是你想要看创建的演示。谢谢,我已经看过演示(Y),但我有疑问,你能帮我看看有什么方法显示“产品”吗作为产品的凝乳标题,页面作为其内容的标题。请参阅更新的plunker。请参阅创建的演示。谢谢,我已经看到了演示(Y),但我有一个疑问,您是否可以帮助我,是否有任何方法将“产品”显示为产品的凝乳标题,并将页面显示为其内容的标题。请参阅更新的plunker。