AngularJS ng-repeat 嵌套对象答案

【问题标题】：AngularJS ng-repeat nested objectAngularJS ng-repeat 嵌套对象
【发布时间】：2023-05-04 06:52:01
【问题描述】：

我的代码正在输出这个：

{"name":"John"}
{"name":"Mark"}

如何输出这个（不编辑$scope.names对象）：

约翰
马克

这是我的看法：

  <body ng-controller="MainCtrl">
        <ul>
            <li ng-repeat="name in names">
                {{name}}
            </li>
        </ul>
  </body>

...和控制器：

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
  $scope.names = {
        "1": {
            "name": "John"
        },
        "2": {
            "name": "Mark"
        }
    };
});

这是我的 Plunker： http://plnkr.co/edit/hnjoPH0r9xhlvMzO93Ts?p=preview

【问题讨论】：

标签： javascript angularjs angularjs-ng-repeat

【解决方案1】：

使用{{name.name}} - 您当前只是显示被迭代的整个对象 - 您还需要指定属性。

<li ng-repeat="name in names">
    {{name.name}}
</li>

【讨论】：