ngRepeat问题

原创 2016年05月31日 23:13:52

当数据模型当中的内容有重复时,浏览器会报如下错误:
重点内容
解决方案:ng-repeat=”item in list track by $index”

<!DOCTYPE html>
<html ng-app="">
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            .border{border: 1px solid #ccc;width: 100px;height: 100px;}
        </style>
        <script src="../js/angular.min.js" type="text/javascript" charset="utf-8"></script>
    </head>

    <body ng-controller="con">
        <input type="text" name="" id="" value="" />
        <button ng-click="add()">添加</button>
        <div ng-repeat="item in list track by $index">
            <div class="border">{{item.age}}</div>
            <div class="border">{{item.name}}</div>
        </div>
    </body>
    <script type="text/javascript">
        var con = function($scope){
            $scope.list=[];
            var sr ={age:'',name:''}
            $scope.add = function(){
                console.log('s')
                $scope.list.push(sr);
                console.log($scope.list)
            }
        }

    </script>
</html>

如何在深层嵌套ngRepeat中获取不同层级的$index

var appData = [ { name: 'C++从入门到放弃', author: 'dreamappl...
  • Sensation_cyq
  • Sensation_cyq
  • 2016年08月31日 19:03
  • 1862

Hacking with Angular:如何在深层嵌套ngRepeat中获取不同层级的$index

使用 ngRepeat 指令的时候,我们一般会通过 $index 获取当前层级的每一项循环的索引,但是当我们循环出来的数据中还有数组(数组A)需要我们循环的话,我们还是会使用 ngRepeat 来循环...
  • white__cat
  • white__cat
  • 2016年12月21日 11:26
  • 1647

AngularJS最佳实践: 请小心使用 ng-repeat 中的 $index

“有客户投诉,说在删除指定的某条记录时,结果删掉的却是另外一条记录!”看起来是个很严重的BUG。 有一次我们在工作中碰到了这个问题。 要定位这个BUG非常麻烦, 因为客户也不清楚如何重现这个问题。后来...
  • renfufei
  • renfufei
  • 2015年01月23日 20:28
  • 119242

【一起学AngularJS】第五章、过滤循环器

在上一章中我们为了打牢基础做了很多的工作,所以这一章我们来学一点轻松的。我们将添加为这个网站应用添加全文搜索功能(没错,会很轻松的)。另外,结束之后我们还会写一个端到端(End to end)的测试,...
  • TBWood
  • TBWood
  • 2016年03月10日 14:46
  • 1614

(十一)通过angularjs的ng-repeat指令看scope的继承关系

ng-controller指令会创建一个新的作用域scope。我们可以使用angular.element(domElement).scope()方法来获得某一个DOM元素相关联的作用域。可以看到sco...
  • aitangyong
  • aitangyong
  • 2015年03月05日 21:58
  • 3382

AngularJS ng-repeat嵌套循环中,如何取得外层循环的索引值

下面,笔者给大家提供一种讨巧的方法来实现
  • seveneagleline
  • seveneagleline
  • 2014年10月15日 22:53
  • 18787

AnglarJs的一些笔记

AnglarJs是什么? 为什么要学Anglarjs AngularJS是一款由Google公司开发维护的前端MVC框架; 1>克服了HTML在构建应用上的诸多不足,从而降低了开发成本提升了开发效...
  • biggrand
  • biggrand
  • 2017年11月09日 20:14
  • 80

Build Your Own Angularjs 读书笔记(AngularJS牛逼的地方在于它内嵌了一个表达式到Function对象的编译器。。。当然还有DI框架)

Build Your Own Angularjs 读书笔记 目录  [隐藏]  1 项目配置2 作用域3 表达式与过滤器4 模块与依赖注入5 辅助函数6 指令 项目配置[编辑] npm ...
  • cteng
  • cteng
  • 2017年05月31日 19:41
  • 1330

简述P问题,NP问题,NPC问题以及NP Hard问题

发现我们经常谈到NP问题,NP完全问题,NP难问题,但是其实他们之间是有区别的。 1、P问题是指:一个问题可以找到一个能在多项式的时间里解决它的算法。也就是复杂度为O(1),O(log(n)),O(n...
  • John159151
  • John159151
  • 2015年10月11日 21:52
  • 1747

angularjs的单选框+ng-repeat的实现

最近在做项目的过程中,要求做一个考试系统,在答题页面涉及到单选框+ng-repeat来实现试卷的展示,做完后将答案传到后台,在这里主要讲下单选框+ng-repeat的几个要点 前台代码如下: ...
  • dalangzhonghangxing
  • dalangzhonghangxing
  • 2016年07月21日 14:08
  • 2743
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ngRepeat问题
举报原因:
原因补充:

(最多只允许输入30个字)