ng-重复不显示数组中的值
ng-重复不显示数组中的值
提问于 2016-03-14 19:36:56
我使用ng-重复指令，但它没有显示我的价值。这是我的密码
JS档案：
var artist = angular.module('artistApp',[]);
artist.controller('artistController',['$scope',function($scope){
$scope.author =
{
"name":"Barot Bellingham",
"shortname":"Barot_Bellingham"
},
{
"name":"Jonathan G. Ferrar II",
"shortname":"Jonathan_Ferrar"
},
{
"name":"Hillary Hewitt Goldwynn-Post",
"shortname":"Hillary_Goldwynn"
}
}]);HTML文件：
<head>
<meta charset="utf-8">
<title>Angular Demo</title>
<script src="angular/angular.min.js"></script>
<script src="js/controllers.js"></script>
</head>
<body>
<div ng-controller="artistController">
<ul>
<li ng-repeat="item in author">
{{item.name}}
</li>
</ul>
</div>
</body>我在这里做错事的地方在哪里？
回答 3
Stack Overflow用户
回答已采纳
发布于 2016-03-14 19:40:56
您缺少了作者数组的开始括号
$scope.author =
{需要：
$scope.author =
[{Stack Overflow用户
发布于 2016-03-14 19:43:09
将最后一个'}‘替换为']'’
工作Plunker
更正的JSON：
{“名称”：“Barot_Bellingham”、“短名”：“Barot_Bellingham”}、{“名称”：“JonathanG.Ferrar II”、“昵称”：“Jonathan_Ferrar”}、{“名称”：“Hillary_Goldwynn”、“昵称”：“Hillary_Goldwynn”}
Stack Overflow用户
发布于 2016-03-14 19:43:35
in JS
$scope.author =
[{
"name":"Barot Bellingham",
"shortname":"Barot_Bellingham"
},
{
"name":"Jonathan G. Ferrar II",
"shortname":"Jonathan_Ferrar"
},
{
"name":"Hillary Hewitt Goldwynn-Post",
"shortname":"Hillary_Goldwynn"
}];<li ng-repeat="item in author track by $index">
{{item.name}}
</li>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35996525
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号