【问题标题】:ng-repeat duplicated on item changeng-repeat 在项目更改时重复
【发布时间】:2018-07-22 13:17:48
【问题描述】:

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

每次我将新数组推送到 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>

【问题讨论】:

  • 你能分享你的代码吗?这样就可以提供导致您的问题的原因;)
  • ng-repeat 中是否有 ng-repeat?它可能会扩展内部的,因为您要附加一个新数组
  • 我无法理解这个想法。你不应该重新分配一个数组值而不是在里面推新项目吗?
  • 我只有一个 ng-repeat。我用示例 ng-repeat 代码更新了上面的问题

标签: javascript angularjs duplicates angularjs-ng-repeat


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-12-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-12-18
    • 2017-10-30
    相关资源
    最近更新 更多