html - Angularjs data-ng-repeat 不起作用

标签 html angularjs dom

我有以下代码,让你知道我是 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 中的名称没有显示任何值...... 解决问题的任何帮助或建议

最佳答案

如果您打开浏览器的控制台,您会看到错误:

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

数组中有两个相同的项目(运行)。

从数组中删除最后一个“Run”,它将正常工作。

请参阅: Plunker

关于html - Angularjs data-ng-repeat 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21722553/

相关文章:

javascript - 在 jquery 插件中创建点击事件

javascript - 无法让 Angular 过滤器工作 ng-options

javascript - Webpack:使用 ng-include 的 require

CSS - 如何在 css 样式居中图像下方显示文本?

php - 替换一些文本后保留 HTML 格式(使用 PHP 和 JS)

javascript - 如何使用 angularjs 显示另一个文本值,而不是显示一个属性的 ng-repeat 现有值?

javascript - 如果元素的位置是绝对的,浏览器的渲染是否回流?

xml - 在 inno Setup 中使用 DOM 添加节点到 xml - 奇怪的问题

javascript - element.className 只返回 "undefined"

javascript - 如何从两个选择选项中过滤文本/div?