Question

我有以下代码，并告诉您我是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>

李的名字没有显示值..... 任何帮助或建议来解决问题

Answer 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

Answer 2

请从'Run'

中删除一个data-ng-init

它会正常工作..

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

Angularjs data-ng-repeat不起作用

2 个答案: