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>

angularjs过滤器无法使用$ http

2 个答案: