Angular pushing item in an empty array

Question

When I need to push a new item in an empty array, I got an error : $scope.array.push is not a function.

But when the array is not empty, the push works perfectly and it correctly updates my scope.

For information, my array is instanciated like this :

$scope.array = [];

I tried too :

$scope.array = [{}]

How can I bypass this problem ? Or what am I doing wrong ?

EDIT :

$scope.urgences_hygienes = [];

$scope.save = function () {
    $scope.newDemandeHygiene = {
        id_zone : $scope.demandeHygiene.id_zone,
        commentaire : $scope.demandeHygiene.commentaire,
        date_demande : Math.round(new Date().getTime() / 1000)
    }
    $scope.urgences_hygienes.push( $scope.newDemandeHygiene );
    $scope.reloadTable();
    $modalInstance.close();
}

show the line how are you pushing?

Mritunjay
– Mritunjay

2014-07-10 07:09:58 +00:00
Commented Jul 10, 2014 at 7:09 — Mritunjay
– Mritunjay, Commented Jul 10, 2014 at 7:09

chf · Accepted Answer · 2014-07-10 07:08:49Z

1

the right syntax is: $scope.myarray.push(someobject)

answered Jul 10, 2014 at 7:08

chf

7634 silver badges14 bronze badges

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

Comments

lucasem · Accepted Answer · 2014-07-10 07:10:13Z

1

It looks like you're using $scope.push(var) instead of $scope.array.push(var).

Additionally, it's worth note that it's faster to just use $scope.array[$scope.array.length]=var

answered Jul 10, 2014 at 7:10

lucasem

4913 silver badges12 bronze badges

2 Comments

mfrachet Over a year ago

I ve editted my post, my bad to have forgotten to write $scope.array.push(var) in the error log.

Emissary Over a year ago

That second statement is a bit of a sweeping generalisation, it varies significantly cross-browser and often dependent on the array length itself. In any case it's a micro-optimisation that's not worth asserting if someone hasn't specifically asked about it. Readability should be the important factor in that decision.

Mritunjay · Accepted Answer · 2014-07-10 07:11:36Z

0

You might be trying to push in $scope instead of $scope.array. Error is like that.

answered Jul 10, 2014 at 7:11

Mritunjay

25.9k7 gold badges57 silver badges71 bronze badges

Comments

Miguel Felipe Guillen Calo · Accepted Answer · 2014-07-10 09:08:33Z

0

Try

$scope.array.push({});

instead.

answered Jul 10, 2014 at 9:08

Miguel Felipe Guillen Calo

1,5032 gold badges11 silver badges16 bronze badges

1 Comment

Miguel Felipe Guillen Calo Over a year ago

Have a look at this. jsfiddle.net/Azamanaza/TRy6X/5 Could you post more details on this code? The problem might be else where...

kushalbhaktajoshi · Accepted Answer · 2015-09-07 09:26:20Z

0

The overall code must be this way.

$scope.save = function () {
    $scope.urgences_hygienes = [];

    $scope.newDemandeHygiene = {
        id_zone : $scope.demandeHygiene.id_zone,
        commentaire : $scope.demandeHygiene.commentaire,
        date_demande : Math.round(new Date().getTime() / 1000)
    }
    $scope.urgences_hygienes.push( $scope.newDemandeHygiene );
    $scope.reloadTable();
    $modalInstance.close();
}

answered Sep 7, 2015 at 9:26

kushalbhaktajoshi

4,6883 gold badges24 silver badges38 bronze badges

Collectives™ on Stack Overflow

Angular pushing item in an empty array

5 Answers 5

Comments

2 Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

2 Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related