javascript - Angular JS - 无法将对象插入范围数组

Question

我确信我错过了一些可能非常基本的东西，但似乎无法解决这个问题。我很简单地尝试在单击时将对象插入作用域数组中。我当前收到错误:TypeError:无法读取未定义(…)的属性“push”

这是我到目前为止得到的一个例子:

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

        }

    }              
});

这是 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(…) 
    }

});  

有人知道我缺少什么吗？

Answer 1

您需要在 Main_scope 对象内初始化 My_array

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