ng-repeat用于显示对象列表中的嵌套对象

时间:2015-09-08 10:41:03

标签: javascript json angularjs angularjs-ng-repeat

我有对象列表,如下所示,我将对象嵌套在对象中。 我想使用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-repeat效果很好。我无法处理出错的复杂对象?

2 个答案:

答案 0 :(得分:1)

执行:

 @Html.TextBoxFor(m => m.DepartureDate, new { @class = "textbox" })

如果你这样做

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

您实际上不会输出任何内容,或者它会说{{x.name}} ,因为该值为[object Object],而不是对象内的任何属性。

答案 1 :(得分:1)

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