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

[软件工程]关于SEMAT方法的思考和银弹问题的探索

2013年4月底,应邀参加了首届中国软件质量高峰论坛,期间详细听了Jacobson公司的SEMAT的方法论。此后思考了很长时间,因为一直感觉没有考虑成型,所以,迟迟没有发表任何相关的文字出来,今天有了...
  • qingrun
  • qingrun
  • 2013年11月04日 11:27
  • 2951

QTcpSocket使用过程中的一些问题记录

目前,在将原来C的socket通讯改为使用Qt类库QTcpSocket通讯,在修改过程中遇到不少问题,在此将问题一并记录,以备后面使用。         采用的通讯方式:QTimer定时器、QT...

点晴OA帮你做好客户投诉问题

  • 2017年11月13日 16:26
  • 34KB
  • 下载

Zemax问题集4分析

  • 2017年11月17日 11:33
  • 1.27MB
  • 下载

iOS 10.0的网络问题:设置使用无线局域网与蜂窝移动的应用

iOS10 使用无线局域网与蜂窝移动的应用
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ngRepeat问题
举报原因:
原因补充:

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