Angular JS - Cannot push object into scope array

Question

im sure im missing something probably very basic but cant seem to wrap my head around this issue. I am simple trying to push an object into a scope array on click. I am currently getting error: TypeError: Cannot read property 'push' of undefined(…)

Heres an example of what I got so far:

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

app.factory('MyService', function($http, $q, $timeout){

    var My_Stored_Data = {}

    return {

        template: function(){

            var template = { data1: "", data2: "", data3: "", data4: "" }
            return template

        }

    }              
});

Here is the controller:

app.controller('MyController', function ($scope,$q,MyService) {

    $scope.Main_scope = {};

    $scope.add_new_object = function(){

        $scope.Main_scope.My_array.push(MyService.template());
        //This give an error TypeError: Cannot read property 'push' of undefined(…) 
    }

});

Anyone have anyidea what im missing?

Sajeetharan · Accepted Answer · 2017-04-01 13:40:53Z

2

You need to initialize My_array inside the Main_scope Object

app.controller('MyController', function ($scope,$q,MyService) {
     $scope.Main_scope = {};
     $scope.Main_scope.My_array =[];

answered Apr 1, 2017 at 13:40

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

Comments

Satpal · Accepted Answer · 2017-04-01 13:41:21Z

1

The error is verbose and clear My_array is not defined.

You need to define the array in your Main_scope variable.

$scope.Main_scope = {
    My_array : []
};

edited Apr 1, 2017 at 13:41

answered Apr 1, 2017 at 13:40

Satpal

134k13 gold badges168 silver badges171 bronze badges

Collectives™ on Stack Overflow

Angular JS - Cannot push object into scope array

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related