首页 / JAVASCRIPT / javascript – 如果值重复,为什么AngularJS不想列出数组项？

javascript – 如果值重复,为什么AngularJS不想列出数组项？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如果值重复,为什么AngularJS不想列出数组项？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含906字，纯文字阅读大概需要2分钟。

内容图文

当我试图从数据库中列出一些东西时,我花了很长时间来调试故障的位置.事实证明,如果数组中的值是重复的,Angular将拒绝在ng-repeat中使用该数组.

其中一个例子可以在这里找到：http://jsfiddle.net/2uyxu7ha/

使用Javascript：

var app = angular.module("Module", []);
app.controller("Controller", function($scope){
    $scope.array1 = ["1", "2", "3", "4"];
    $scope.array2 = ["1", "1", "3", "4"];
});

HTML：

<div ng-app="Module">
    <div ng-controller="Controller as ctrl">
        <ul>
            <li ng-repeat="item in array1">{{item}}</li>
        </ul>
        <ul>
            <li ng-repeat="item in array2">{{item}}</li>
        </ul>
    </div>
</div>

正如您将注意到的,在第二个数组中只有一个值重复,因此不显示整个列表.如果只是将第二个值更改为“2”,则会显示.

我不想要这种行为,因为即使数据库中有一些重复值,我仍然希望在前端看到它们.为什么会发生这种情况,我该如何解决？

解决方法:

对于这种情况,您需要按$index跟踪

http://jsfiddle.net/2uyxu7ha/1/

来自docs的解释：

https://docs.angularjs.org/error/ngRepeat/dupes

内容总结

以上是互联网集市为您收集整理的javascript – 如果值重复,为什么AngularJS不想列出数组项？全部内容，希望文章能够帮你解决javascript – 如果值重复,为什么AngularJS不想列出数组项？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/808190.html

来源：【匿名】