ng-repeat用於顯示對象列表中的嵌套對象

Question

我有對象列表，如下所示，其中有對象嵌套在對象內。 我想使用ng-repeat顯示信息，但它不起作用。

<div ng-repeat="x in customer"> 

         {{x.name}} 


       </div> 

AngularJs代碼

var myapp=angular.module('myapp',[]); 
myapp.controller('MyController',['$scope',function($scope){ 
      $scope.val="this is test"; 
      $scope.customer= 
       [1:{ 
         name:{ 
         firstname:"", 
         lastName:"" 
        }, 
       address:{ 
         city:"city", 
         country:"country", 
         zipCode:65775 
      } 
      }, 
      //other customer data 
    ]; 

     }); 

爲簡單對象名單NG重複效果很好。我無法處理髮生錯誤的複雜對象。

Answer 1

務必：

<div ng-repeat="x in customer">Hi, {{x.name.firstname}} {{x.name.lastname}}!</div> 

如果你只是做

{{x.name}} 

你實際上不會輸出任何東西，或者它會說[object Object]因爲該值將[object Object]而不是任何性質的內物體。

Answer 2

<div ng-repeat="x in customer"> 
          <h3>{{x.name.firstname}} {{x.name.lastname}}<h3> 
          <p>{{x.address.city}} {{x.address.country}}</p> 
    </div>