2016-11-02 50 views
0

我正在尝试做两个不同的对象重复。在这种情况下,我想返回“名称:Leanne Graham,名称:Asier”。 JSON文件有这个。吴重复通过不同的对象

users: { 
     0: { 
      email: "[email protected]", 
      id: 1, 
      name: "Leanne Graham", 
      phone: "1-770-736-8031 x56442", 
      username: "Bret", 
      website: "hildegard.org" 
     }, 
     1: { 
      name: "Asier" 
     } 
    }; 

谁拥有两个对象的元素是$ scope.user我试试这个

<div ng-repeat="(key, value) in user">{{name}}</div> 

什么也没有发生,并且在执行console.log没有错误。

+1

这不是有效的JSON。 Angular可能会将其解释为纯文本而不解析它 – Phil

+0

除了@Phil所说的内容之外,您应该修正HTML代码片段中的语法错误(**提示**:看看你包围'name'的方式)。 –

+0

我修正了json,旧的例子是文件的一个地方。我在我的问题中粘贴正确的文件并修复复制粘贴错误。但“错误”仍在继续。 –

回答

1

提供的数据实际上是一个有效的格式,重复该集合似乎很简单...

// note: this is just an example to put your data in scope 
 
angular.module('so', []).run(function($rootScope) { 
 
    $rootScope.user = { 
 
    0: { 
 
     email: "[email protected]", 
 
     id: 1, 
 
     name: "Leanne Graham", 
 
     phone: "1-770-736-8031 x56442", 
 
     username: "Bret", 
 
     website: "hildegard.org" 
 
    }, 
 
    1: { 
 
     name: "Asier" 
 
    } 
 
    }; 
 
});
<div ng-app="so"> 
 
    <div ng-repeat="usr in user">{{usr.name}}</div> 
 
</div> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>

+0

愚蠢的错误。除了json错误(我使用firebase所以json是正确的,不正确的是复制粘贴),ng-repeat在用户''中有相同的两个值'ng-repeat =“user。在ng-repeat中不能有相同的值,改变一个,效果很好。感谢菲尔。 –

+0

@ElHombreSinNombre这就是为什么我的答案有'usr in user' – Phil