码迷,mamicode.com
首页 > Web开发 > 详细

【angularjs基础】ng-repeat嵌套循环报错angular.min.js:89 Error: [ngRepeat:dupes]

时间:2017-09-18 17:30:13      阅读:667      评论:0      收藏:0      [点我收藏+]

标签:custom   生成   images   tar   截图   index   center   idt   enter   

再写嵌套循环的时候,提示一个错误

angular.min.js:89 Error: [ngRepeat:dupes]

代码如下

<table class="GridViewTable mtop5px " style="margin-top: 15px;" id="tabVipHallRegisterList" ng-app="" ng-controller="JSJ.CRM.AppFeedBackList.RequestData">
        <tr class="text_center">
            <th style="width: 60px">编号</th>
            <th style="width: 80px">会员姓名</th>
            <th style="width: 80px">手机号</th>
            <th style="width: 150px">反馈内容</th>
            <th style="width: 80px">反馈时间</th>

            <th style="width: 80px">公司</th>
            <th style="width: 80px">问题类型</th>
            <th style="width: 80px">上传图片</th>

            <th style="width: 80px">消息类型</th>
            <th style="width: 90px">消息来源</th>
            <th style="width: 150px">答复内容</th>
            <th style="width: 80px">答复时间</th>
            <th style="width: 100px">反馈奖励</th>
            <th style="width: 50px">操作</th>
        </tr>
        <tr class="text_center" ng-repeat="x in AppFeedBackList | orderBy:orderProp">
            <td ng-bind="x.CommentsID"></td>
            <td ng-bind="x.CustomerName"></td>
            <td ng-bind="x.Telephone"></td>
            <td ng-bind="x.CommentsS" onclick="ShowDetailContent(this)" onmouseover="ShowDetailContent(this)" @*onmouseout="layer.closeAll();"*@ detailcontent="{{x.Comments}}"></td>
            <td ng-bind="x.CreateTime"></td>

            <td ng-bind="x.QuestionSourceFromDsec"></td>
            <td ng-bind="x.QuestionTypeDsec"></td>

            <td>
                <span ng-repeat="i in x.ListImageUrl">
                    <img src="{{i}}" style="width:45px;height:45px;" onclick=‘ShowImage(this)‘ url="{{i}}" />
                </span>
            </td>

            <td ng-bind="x.MessageType"></td>
            <td ng-bind="x.SourceWay"></td>
            <td>
                <input ng-if="x.IsReply" type="button" p="{{ x.CommentsID }}" style="width:50%;" comments="{{x.Comments}}" jsjid="{{x.JSJID}}" value="答复" name="btnReply" />

                <label ng-if="!x.IsReply" onclick="ShowDetailContent(this)" onmouseover="ShowDetailContent(this)" @*onmouseout="layer.closeAll();"*@ detailcontent="{{x.ReplayContent}}">{{x.ReplayContentS}}</label>
            </td>
            <td ng-bind="x.ReplayTime"></td>
            <td>
                <input ng-if="x.IsTake" type="button" name="btnReward" p="{{ x.CommentsID }}" style="width:50%;" comments="{{x.Comments}}" jsjid="{{x.JSJID}}" value="奖励" />
                <label ng-if="!x.IsTake">{{x.RewardTips}}</label>
            </td>
            <td>
                <input type="button" name="btnDel" style="width:80%;" p="{{ x.CommentsID }}" value="删除" />
            </td>
        </tr>
    </table>

报错截图

技术分享

跟踪原因

http://blog.csdn.net/ligang2585116/article/details/50490307

解决方案

在对应的ng-repeat指令中增加track by $index

修改代码

<td>
                <span ng-repeat="i in x.ListImageUrl track by $index">
                    <img src="{{i}}" style="width:45px;height:45px;" onclick=‘ShowImage(this)‘ url="{{i}}" />
                </span>
            </td>

最后可以在同一行,生成多个图片标签

技术分享

搞定!

 

【angularjs基础】ng-repeat嵌套循环报错angular.min.js:89 Error: [ngRepeat:dupes]

标签:custom   生成   images   tar   截图   index   center   idt   enter   

原文地址:http://www.cnblogs.com/jhli/p/7543655.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!