Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/407.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 ng以数组角度值重复对象_Javascript_Angularjs - Fatal编程技术网

Javascript ng以数组角度值重复对象

Javascript ng以数组角度值重复对象,javascript,angularjs,Javascript,Angularjs,我有一个具有键值对的对象,看起来像这样。您将看到该键有一个数组作为其值 $scope.testObj = { "London":[ {"id":1,"city":"London","country":"GB","name":"Test1"}, {"id":4,"city":"London","country":"GB","name":"Test2"} ], "Los Angeles":[ {"id":8,"city":"LA

我有一个具有键值对的对象,看起来像这样。您将看到该键有一个数组作为其值

$scope.testObj = {

   "London":[
         {"id":1,"city":"London","country":"GB","name":"Test1"},
         {"id":4,"city":"London","country":"GB","name":"Test2"}
   ],

   "Los Angeles":[
       {"id":8,"city":"LA","country":"US","name":"Test3"}
   ]

}
我想用angular在前端城市旁边显示名称。为了做到这一点,我尝试了许多方法,并使用了trackby$index,但不知道如何让它工作

<div ng-repeat="(key, val) in jobsByCity track by $index">
    {{key}}:{{val[$index].name}}
</div>

{{key}}:{{val[$index].name}
我也研究过这种方法,嵌套重复

 <div ng-repeat="(key, val) in testCity">
    {{key}}
    <div ng-repeat="test in val[$index].name">
       {{test}}
     </div>
  </div>

{{key}}
{{test}}

只需使用另一个
ng repeat
迭代该值:

<div ng-repeat="(key, val) in jobsByCity">
    <div ng-repeat="subValue in val track by $index">
        {{key}}:{{subValue.name}}
    </div>
</div>

{{key}}:{{subValue.name}
还请注意,您的
losangeles
属性需要用引号括起来,否则它是无效的javascript


请参见

我想您必须使用嵌套ng-repeats@k102我想你可能是对的,我已经在上面尝试过了。请参阅更新的问题伦敦和洛杉矶也需要引用。@Rob抱歉,他们需要引用,只是为了回答我忘记添加的问题