Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/405.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从外部嵌套json文件加载数据并打印值_Javascript_Angularjs_Json_Angularjs Ng Repeat - Fatal编程技术网

Javascript 如何从外部嵌套json文件加载数据并打印值

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

您好,我在将json对象的结果显示到我的视图页面时遇到了问题。屏幕显示为空,但我正在控制台中获取数据。当使用ng repeat时,它显示一些错误“Repeater中的重复密钥”

我的基本要求是从json文件打印标题,当我单击它时,它应该显示title=“example”

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。