gpt4 book ai didi

javascript - AngularJS ng-重复嵌套对象

转载 作者:行者123 更新时间:2023-11-28 19:08:08 25 4
gpt4 key购买 nike

我的代码输出如下:

  • {"name":"约翰"}
  • {"name":"马克"}

如何输出这个(不编辑 $scope.names 对象):

  • 约翰
  • 标记

这是我的观点:

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

...和 Controller :

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

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

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

最佳答案

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

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

关于javascript - AngularJS ng-重复嵌套对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31300831/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com