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>

Dario · Accepted Answer · 2016-08-28 12:39:44Z

5

You should initialize players as an array and not as an object:

vm.players = [];

answered Aug 28, 2016 at 12:39

Dario

6,3109 gold badges42 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Dario Over a year ago

You mean that's empty after the line vm.players = s1.concat(s2) ?

Gecko Over a year ago

Could you add a fiddle?

Keith · Accepted Answer · 2016-08-28 15:17:19Z

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 Objects, you need:

vm.players = [];

answered Aug 28, 2016 at 15:17

Keith

212 bronze badges

Comments

ZombieChowder · Accepted Answer · 2016-08-28 12:40:22Z

1

I think you should define your array like this:

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

Not with curly brackets.

answered Aug 28, 2016 at 12:40

ZombieChowder

1,19414 silver badges38 bronze badges

Collectives™ on Stack Overflow

Angular JS filter giving 'notArray' error

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related