ng-重复不显示数组中的值

ng-repeat not showing me value from the array

本文关键字：数组 显示 ng-      更新时间：2023-09-26

我正在使用ng-repeat指令，但它没有显示我值。这是我的代码

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"
}
}]);

文件：

<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>

我在这里做错的错误在哪里。

您缺少作者数组的左括号

$scope.author = 
{

需要：

$scope.author = 
[{

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"
}];

.HTML

<li ng-repeat="item in author track by $index">
    {{item.name}}
</li>

将最后一个 '}' 替换为 ']'

工作Plunker

更正的 JSON：

[{ "名字"："巴罗特·贝灵厄姆"， "简称"："Barot_Bellingham" }, { "名字"："乔纳森· "简称"："Jonathan_Ferrar" }, { "名字"："希拉里·休伊特·戈德温-波斯特"， "简称"："Hillary_Goldwynn" } ]

相关文章：