json - ng-model 入力を使用して AngularJS $http リクエストから JSON データをフィルタリングする方法

Question

私が取り組んでいる範囲にあると思われる問題に苦しんでいます。$http リクエストを使用して、json データを取得します。

var myApp = angular.module('myApp', []);
myApp.controller('PeopleController', function($scope, $http) {
var url = 'https://sweltering-fire-6061.firebaseio.com/people.json';
$http.get(url).success(function(data) {
    $scope.people = data;
});

テーブル内にデータが正常に表示されます。

<table>
    <tr ng-repeat="person in people | filter:query | orderBy:orderBy">
        <td>{{person.name}}</td>
        <td>{{person.born}}</td>
    </tr>
</table>
<p>
   <select ng-model="orderBy">
      <option value="name">Name</option>
      <option value="born">Birth</option>
   </select>
</p>
<p>Search:<input ng-model="query"/></p>

ただし、$http リクエストでデータを取得すると述べたので、フィルタと orderBy が機能しなくなりました。$scope.people = data低い範囲で設定しているからでしょうか。もしそうなら、これを回避できる方法はありますか？

Cloud9 IDE とブラケットでこれをテストしました。ありがとうございました