Angular JS和MySql表在转发器中显示重复键

时间:2018-01-23 07:47:24

标签: mysql angularjs angular angularjs-ng-repeat

我有一个网格,它加载了Mysql数据库字段,并且还有一个过滤器和排序选项。问题是当我使用列Unique_ID和ref_ID以及Mysql表中的其他几列来显示在网格中时,它会抛出下面附加的错误。但如果只使用其中一个,它就可以正常工作。

enter image description here

Unique_Id列包含唯一值,ref_id也包含重复值。 如何在视图中包含这两个字段并解决错误?

这是我的视图: -



set_target_properties(
    executable
    PROPERTIES
    XCODE_ATTRIBUTE_GCC_PREFIX_HEADER "path/stdwx.h"
    XCODE_ATTRIBUTE_GCC_PRECOMPILE_PREFIX_HEADER "YES"
)




JS



<table id="Mytable" class="table table-striped table-bordered">
            <thead>
            <th>Unique Id&nbsp;<a ng-click="sort_by('Unique_ID');"><i class="glyphicon glyphicon-sort"></i></a></th>
            <th>Status&nbsp;<a ng-click="sort_by('Status');"><i class="glyphicon glyphicon-sort"></i></a></th>
			<th>ID&nbsp;<a ng-click="sort_by('Ref_Id');"><i class="glyphicon glyphicon-sort"></i></a></th>
            <th>Prod number&nbsp;<a ng-click="sort_by('prod_num');"><i class="glyphicon glyphicon-sort"></i></a></th>
            <!--<th>Publication Date&nbsp;<a ng-click="sort_by('Date_Publication');"><i class="glyphicon glyphicon-sort"></i></a></th>!-->
            <th>Balance&nbsp;<a ng-click="sort_by('Balance');"><i class="glyphicon glyphicon-sort"></i></a></th>
            <th>Color&nbsp;<a ng-click="sort_by('Color');"><i class="glyphicon glyphicon-sort"></i></a></th>
            <th>function&nbsp;<a ng-click="sort_by('function');"><i class="glyphicon glyphicon-sort"></i></a></th>
			<th>value&nbsp;<a ng-click="sort_by('value');"><i class="glyphicon glyphicon-sort"></i></a></th>
            </thead>
			
            <tbody>
				
                <tr  ng-repeat="data in filtered = (list | filter:search | orderBy : predicate :reverse) | startFrom:(currentPage-1)*entryLimit | limitTo:entryLimit">
                    
					<td><strong><a href="http://localhost:88/search/detail.php?id={{data.Unique_Id}}">{{data.Unique_Id}}</a></strong></td>
					<td>{{data.Status}}</td>
					<td>{{data.Ref_Id}}</td>
                    <td>{{data.Product_SN}}</td>
                    <!--<td>{{data.Date_Publication | date:'yyyy-MM-dd'}}</td>!-->
                    <td>{{data.Balance}}</td>
                    <td>{{data.Color}}</td>
                    <td>{{data.function}}</td>
					<td>{{data.value}}</td>
                </tr>
            </tbody>
&#13;
&#13;
&#13;

请帮助

1 个答案:

答案 0 :(得分:2)

使用带过滤器的跟踪

  <tr  ng-repeat="data in filtered = (list | filter:search | orderBy : predicate :reverse) | startFrom:(currentPage-1)*entryLimit | limitTo:entryLimit track by $index">