Angular JS filter giving 'notArray' error

Question

I'm getting data from my local PHP file as JSON format (here's a screenshot).

The filter works fine, but I'm getting this error as you can see in the pic.

core.js

var app = angular.module('cnrapp', []);

app.controller('listController', function($http) {
var vm = this;

vm.loading = true;
vm.players = {};

$http.get("api/players.php")
    .then(function (res) {

        var s1 = res.data.servers[0].players;
        var s2 = res.data.servers[1].players;

        vm.players = s1.concat(s2);
        vm.loading = false;
        console.log(vm.players);
    });
});

index.html

<li ng-repeat="player in vm.players | filter: search">
    <a href="#">{{ player.name }}</a>
</li>

Answer 1

您应该将播放器初始化为数组而不是对象：

vm.players = [];

Answer 2

This is an object:

vm.players = {};

You can insert only Object in above variable, not an array of Object . To insert an array of Object s, you need:

vm.players = [];

Answer 3

I think you should define your array like this:

vm.loading = true;
vm.players = [];

Not with curly brackets.