Question

首先，你好！我是新来的。

我最近在学习AngularJS和网络开发时正在工作，所以我为我的新手道歉。关于与AngularJS的数据集成，我偶然发现了各种各样的墙。这是它的结构：

               <table class="datatable table table-hover">   
               <thead>
                    <tr>
                        <th ng-repeat="column in columns">          
                            {{column.name}}
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="form in forms | filter : {userName : activeFilter['user name']|rangeDate:activeFilter['range begin']:activeFilter['range end']:'birthDate'">
                        <td class="row-md-1">
                            <span ng-model="approvedForm.userName">
                                {{approvedForm.userName}}
                            </span>
                        </td>
                        <td class="row-md-1">
                            <span ng-model="approvedForm.birthDate">
                                {{approvedForm.birthDate}}
                            </span>
                        </td>
                    </tr>
                </tbody>
            </table>

我提到我在客户端使用过滤器，因此他们可以选择正确的行。问题是，在过滤一些用户并使用数据表进行行排序时，数据会在视图上大量复制，我无法删除它或任何其他内容。为了解决这个问题，我必须使用数据表过滤器支持取出ng-repeat过滤器和过滤器。有谁知道可能导致这种行为的原因是什么？

顺便说一句，我使用的是angularJS 1.x和datatable 1.10

谢谢！

Answer 1

您的数据是重复的，因为您将其绑定为HTML元素的属性和手柄两次。删除代码中的> class(chpoints) [1] "cpt" attr(,"package") [1] "changepoint"属性或ng-model="..."，使其如下所示：

{{...}}

正如@Shaishab Roy所说，<span> {{approvedForm.userName}} </span>不应该与ng-model一起使用，所以请尝试<span>：

ng-bind

关于AngularJS和数据表组合

1 个答案: