ngRepeat问题

当数据模型当中的内容有重复时,浏览器会报如下错误:
重点内容
解决方案: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>
阅读更多
文章标签: markdown
个人分类: angularJS
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

ngRepeat问题

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭