AngularJS searchText筛选器不筛选

Question

我正尝试在通过SharePoint REST API获取的列表上实现与此codepen相同的搜索功能。我没有收到错误消息，但搜索没有执行任何操作。谢谢。

AngularJS代码

var app = angular.module('myApp', []);

app.controller('sopController',
        function($scope, $http) {
            $http({
                method: 'GET',
                url: "https://.../org/eu/EU3/EU34/_api/web/GetFolderByServerRelativeUrl('Goverance Library/SOP')/Files",
                headers: {"Accept": "application/json;odata=verbose"}
            }).then(function (data, status, headers, config) {

                $scope.sop_files = data.data.d.results;
                $scope.searchText = "";

            }, function errorCallback(response) {
                console.log(response);
            });
        });

HTML

                <div role="tabpanel" class="tab-pane fade show active" id="tab1">
                  <h3 style="float: left;">Standard Operating Procedures</h3><span style="float: right; padding: 2px;">Search: <input type="text" ng-model="searchText"></span>
                  <div class="SOP" ng-controller="sopController">
                    <table class="table table-striped table-hover">
                        <tr class="table_row" ng-repeat="file in sop_files | filter:searchText ">
                            <td><a ng-href="{{file.ServerRelativeUrl}}" target="_blank">{{file.Name}}</a></td>
                        </tr>
                    </table>
                </div>
                </div>

Answer 1

我通过执行以下操作修复了它。已从控制器中卸下$scope.searchText。控制器现在看起来像这样：

app.controller('sopController',
        function($scope, $http) {
            $http({
                method: 'GET',
                url: "https://.../org/eu/EU3/EU34/_api/web/GetFolderByServerRelativeUrl('Goverance Library/SOP')/Files",
                headers: {"Accept": "application/json;odata=verbose"}
            }).then(function (data, status, headers, config) {
                $scope.sop_files = data.data.d.results;

            }, function errorCallback(response) {
                console.log(response);
            });
        });