2013-05-05 4 views
4

저는 angular.js를 처음 사용 합니다만, 나는 어떻게 만드는지 알 수 없습니다. 필터 : 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> 
+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> 
- 내 PHP 스크립트는 키와 객체의 JSON 배열을 생성하고 (즉, $ output = array (array (data), array (data)) 등 – pvukovic

+1

과 같이 키를 사용하지 않고 객체 목록을 생성하는 방법이 있습니다. 아마 이것은 당신에게 유용 할 것입니다 :'array_values '키를 떼어 내면 배열은 0- 기반, 음, 배열이됩니다. – alx

+0

그래, 각도 필터는 배열에서만 작동합니다. – Jess

답변

0

이 서비스를 제공 할 수 있습니다

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

헤이 아래 코드

와 시험
관련 문제