javascript - $scope 更改后 ng-repeat 不会第二次触发

Question

我是 Angular 的新手，我正在尝试创建一种过滤机制，在输入字母时触发搜索，查找数据库并返回结果。

结果从数据库返回正常，但我遇到的问题是当我用结果填充范围数组时，ng-repeat 没有触发。

我的 HTML 和 JS:

    app.controller("friendsController",function($scope,$http){
        $scope.results =[];
        $scope.onTextChange = function (){
            var results = [];
            var text = $scope.friendsLookupText;
            $http({
                url: 'utilities/getFriendsByValue.php',
                method: 'POST',
                data: {textValue: text}
            }).success(function(data) {
                if(data=="none")
                {
                    $scope.results = results;
                }
                else
                {
                    var stringResult = JSON.stringify(data);
                    var parsedResult = JSON.parse(stringResult);
                    $scope.results = parsedResult;
                }
            });

        };
    });

<div class="container-fluid" ng-controller="friendsController as friendsCtrl">
  <input type="text" id="friendsLookupText" ng-model="friendsLookupText" ng-change="onTextChange()">
   <ul class="list-group">
     <div class="" ng-repeat="result in $scope.results">
         <li class="list-group-item">{{result.username}}</li>
     </div>
   </ul>
</div>

如果有人能提供帮助，我会很高兴。

Answer 1

从 View 中的重复中删除 $scope，仅使用 results

<div class="" ng-repeat="result in results">
     <li class="list-group-item">{{result.username}}</li>
 </div>