angularjs - angularjs 过滤器不适用于 $http

Question

我是 angular.js 的新手，但我不知道如何制作 | filter:xxx 处理通过 $http 服务生成的数据。

在下面的代码中，我根本无法让过滤器处理由 $http 生成的数据 - 当我在输入框中键入时它根本什么都不做。但是，如果我在 $scope 函数中对某些数据进行硬编码，过滤器就可以工作。

<div ng-controller="UserCtrl">

    <input ng-model="search">
    <ul>

        <li ng-repeat="user in users| filter:search">
            {{user.id}}
            {{user.firstname}}
            {{user.lastname}}
        </li>
    </ul>

</div>

<script>

function UserCtrl($scope, $http) {
$http.get('actions.php?action=get_user_list').success(function(data) {
    $scope.users = data;
  });

}

</script>

Answer 1

这可以为您服务：

<li ng-repeat="user in users| filter:{firstname : search}">

Answer 2

嘿用下面的代码测试

<div ng-controller="UserCtrl>
    <input ng-model="search">
    <ul>
        <li ng-repeat="user in users | filter:search.$">
            {{user.id}}
            {{usesr.firstname}}
            {{user.lastname}}
    </ul>
</div>

<script>

var app = angular.module('Your Module Name' ,[]);

app.controller('UserCtrl', function($scope, $http){
    $http.get('actions.php?action=get_user_list').then(function(response){
        $scope.users = response.data;
    });
});

</script>