ng-repeat重复项目更改

时间:2018-02-12 11:22:34

标签: javascript angularjs duplicates angularjs-ng-repeat

我有一个带有数组项“array_var”的角度应用程序。当我将新的数组推送到array_var时,我注意到我的html中的ng-repeat会创建一个重复的ng-repeat。

enter image description here

每次我将新数组推送到array_var时,还会创建另一个重复的ng-repeat。 样本ng-repeat:

<div ng-repeat="d in icons track by $index" class="icons-holder">
    <div class="col-lg-12 col-md-12 col-sm-12 sub-category text-center" ng-hide="d.date == icons[$index-1].date">
        <div class="searchTag-holder pad-left-25 pad-right-25 d-inline-b">
            <ul>
                <li class="searchTag">
                    {! d.date !}
                </li>
            </ul>
        </div>
    </div>
</div>

1 个答案:

答案 0 :(得分:1)

重复属性在此功能中是正常的,您可以在此处查看示例: https://www.w3schools.com/angular/tryit.asp?filename=try_ng_ng-repeat2(检查元素) 如果您想避免该属性,可以使用纯javascript / typescript重复该元素。

此链接包含更多详细信息:https://www.w3schools.com/angular/ng_ng-repeat.asp