Question

我正在努力向php页面上的查询提交表单并返回数据表。如果我不提交参数，这很有用。但是，如果我尝试向帖子添加参数（在查询中使用），我会收到ngRepeat：Dupes错误。

有关可能导致此问题的任何想法？角度还是比较新的

$http.post(url ,// Application module
var reportRequest = angular.module('reportRequest',[]);

reportRequest.controller('reportRequest', function($scope, $http) {

    // create a blank object to handle form data.
    $scope.report = {};

    // calling our submit function.
    $scope.submitForm = function() {
        // Posting data to php file    
        $http.post(url, {
            "selectPerson" : $scope.report.firstname
        }).success(function(data){
            // Stored the returned data into scope 
            $scope.people= data;
            console.log(data);
        });
    };
});

<table class="table table-hover">
<tr>
<th>First Name</th>
<th></th>
<th></th>
</tr>
<tr ng-repeat="person in people track by $index | filter:search_query">
<td><span>{{person.firstname}}</span></td>
</tr>
</table>

Answer 1

跟踪依据必须始终在ng-repeat的末尾。

改变这个：

<tr ng-repeat="person in people track by $index | filter:search_query">

对此：

<tr ng-repeat="person in people | filter:search_query track by $index">

然后关于未显示发送帖子数据的数据，这似乎是错误的，即使这部分代码丢失了，如果你能告诉我们发生了什么会很好：

{"selectPerson":$scope.report.firstname}

报告对象为空，然后您尝试发送提交报告的属性firstname。但你确定这个属性实际上就是这样吗？而不是$scope.report.person.firstname之类的东西？也许您可以在POST请求之前添加console.log（），以查看报表对象的实际情况。

console.log($scope.report);
$http.post(url ,{"selectPerson":$scope.report.firstname}).success(function(data){
          // Stored the returned data into scope 
          $scope.people= data;
         console.log(data);
      });

我希望这会有所帮助

ngRepeat：使用角度

1 个答案: