loading scope value into an array doesnt work in angularjs

Question

Please consider the small angularJs code snippet below.

$scope.myArray = [];
function sampleMethod(){
    $scope.myArray.push({
        name: $scope.name,
        age: $scope.age
    });
    console.log($scope.myArray.name);
};

Here, I was trying to get the scope values name and age and loading it to a scope array inside a controller. But the above program prints nothing. Cant we access and feed scope values to an array from controller? If not possible, how can I do it correctly?

You have declared the function `sampleMethod` but you have not made a function call.. So there will be nothing on the console — Yosvel Quintero, May 22 '16 at 18:40

score 0 · Answer 1 · answered May 22 '16 at 18:43

0

Your $scope.myArray is an array, not an object.

DO this, $scope.myArray[0].name it should work.

answered May 22 '16 at 18:43

Don

1,334
1
10
18

Yosvel Quintero · Accepted Answer · 2016-05-22T19:05:18.120

Try like this:

var app = angular.module('app', []);
app.controller('MainController', function($scope) {
    $scope.name = 'Cuco Pérez';
    $scope.age = 37;
    $scope.myArray = [];

    (function sampleMethod() {
        $scope.myArray.push({
            name: $scope.name,
            age: $scope.age
        });
        console.log($scope.myArray[0].name);
    })();
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="app">
  <div ng-controller="MainController">
    <h1>Hi, my name is: {{ myArray[0].name }}</h1>    
  </div>  
</div>

loading scope value into an array doesnt work in angularjs

2 Answers2