Angularjs data-ng-repeat 不起作用答案

【问题标题】：Angularjs data-ng-repeat is not workingAngularjs data-ng-repeat 不起作用
【发布时间】：2014-03-10 11:03:48
【问题描述】：

我有以下代码，让你知道我是 angularjs 的新手

<!DOCTYPE html>
<html data-ng-app="">
<head>
    <!-- <script src="scripts/angular.js"></script>-->
    <title>Angular js</title>
</head>
<body data-ng-init="names=['Ran','Run','Run']">

    <br />
    <ul>
        <li data-ng-repeat="personName in names">{{personName}}</li>
    </ul>

    <script src="scripts/angular.min.js"></script>
</body>
</html>

li 中的名称没有显示任何值..... 解决问题的任何帮助或建议

【问题讨论】：

标签： html angularjs dom

【解决方案1】：

如果你打开浏览器的控制台，你会看到错误：

Duplicates in a repeater are not allowed. 

Use 'track by' expression to specify unique keys. Repeater: personName in ['Ran','Run','Run'], Duplicate key: string:Run

数组中有两个相同的项目（运行）。

从数组中删除最后一个“运行”，它会正常工作。

请看： Plunker

【讨论】：

或者在重复表达式的末尾添加'track by $index'

【解决方案2】：

请从您的data-ng-init 中删除一个'Run'

它会正常工作..

<!DOCTYPE html>
<html data-ng-app="">
<head>
    <!-- <script src="scripts/angular.js"></script>-->
    <title>Angular js</title>
</head>
<body data-ng-init="names=['Ran','Run']">

    <br />
    <ul>
        <li data-ng-repeat="personName in names">{{personName}}</li>
    </ul>

    <script src="JS/angular-1.2.10.min.js"></script>
</body>
</html>

【讨论】：