带有过滤器的 Angular ng-repeat 不使用 http.get 更新

Question

我正在使用查询过滤数组（results）。通过删除过滤器，results 可以准确显示所有元素。通过删除更新 results 的 http.get 并初始化 results 以包含元素，过滤器可以准确过滤。

随着过滤器和 http.get 更新 results，即使 results 包含数据，也会显示没有结果的消息。我已验证 results 已由 http.get 正确更新（如下所示 {{results}} 正确显示）。以下是 {{results}} 显示的内容：

[
  {
    "name": "Company Number 1 ",
    "description": "description of 1 "
  },
  {
    "name": "Company Number 1 ",
    "description": "description of 1 "
  },
  {
    "name": "Company Number 2 ",
    "description": "description of 2 "
  }
]

index.html

<div class="form-group label-floating">
    <label class="control-label" for="addon1">Filter</label>
    <input id="addon1" class="form-control" type="text" data-ng-model="query">
</div>

{{results}} <!--This works properly-->

<table class="table table-striped" id="resultsTable">
    <tbody>
    <tr data-ng-show="resultsFilter.length === 0">
        <td class="center" colspan="3">No results found.</td> <!--This message appears even when results should have elements-->
    </tr>
    <tr data-ng-repeat="result in resultsFilter = (results | filter:query | limitTo:displayNum) track by result.name">
        <td>
            <button class="btn btn-primary btn-block">
                {{result.name}}
            </button>
        </td>
    </tr>
    </tbody>
</table>

angular.js

$scope.query = "";
$scope.displayNum = 20;
$scope.results = [];
...
$scope.updateResults = function () {
    $http({
    method: "GET",
    url: requestUrl,
    params: {id: $scope.identifierInHierarchy.companyId}
})
    .then(function successCallback(response) {
        $scope.query = "";
        $scope.results = [];
        response.data.forEach(function (entry) {
            $scope.results.push({
                name: "Company Number " + entry.CompanyNumber,
                description: "description of " + entry.CompanyNumber
            });
        });
    },
        function errorCallback(response) {
        });
}

更新：不，将 resultsFilter 更改为 results 并不能解决问题。我也相信这不是错误的，因为保持 resultsFilter 和静态初始化结果将正确过滤（如前所述）。

Answer 1

因此没有显示任何结果

<tr data-ng-show="resultsFilter.length === 0">
        <td class="center" colspan="3">No results found.</td> <!--This message appears even when results should have elements-->
    </tr>

resultsFilter 范围仅限于 ng-repeat 并且您正尝试在范围之外访问它。所以请只用结果改变它，然后测试它。

希望这会有所帮助！

Answer 2

您在没有声明的任何地方都在使用resultsFilter。应该是results。

<table class="table table-striped" id="resultsTable">
<tbody>
<tr data-ng-show="{{results.length}} === 0">
    <td class="center" colspan="3">No results found.</td> <!--This message appears even when results should have elements-->
</tr>
<tr data-ng-repeat="result in results = (results | filter:query | limitTo:displayNum) track by result.name">
    <td>
        <button class="btn btn-primary btn-block">
            {{result.name}}
        </button>
    </td>
</tr>
</tbody>