2016-11-02 49 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