Question

我的代码正在输出：

{ “名称”： “约翰”}
{ “名称”： “标记”}

如何输出（不编辑$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

Answer 1

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

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

AngularJS ng-repeat嵌套对象

1 个答案: