How can we get array loop in controller in angularjs

Question

How can we get data from loop of array like we get from ng-repeat use in our views?

I want this:

function test() {
   var data = [];
   for(var i = 0; i < 10; i++) {
     var newtest = {
                    text: 'text',
                    class: 'class_name',
                    user_chat_img: "images/noimage.jpg",
                    time_stamp: 'myJSON2'
                  }
                  // console.log('chat history',myJSON);
     data.push(newtest);
   }

   return data;
}

var $scope.message = test();
console.log('message', $scope.message);

Now i want to get this array values i.e text,class etc

this give me data in console like this

Array[1]
 0: Object
  class: "class_name"
  text: "text",
  time_stamp: "myJSON2",
  user_chat_img: "images/noimage.jpg"
  __proto__: Objectlength: 1__proto__: Array[0]

How can i get these values in my controller i will get these values in my views using ng-repeat like

ng-repeat={x in message}
and then 
x.class

thanks

I want to these array values in my controller not in my views I want just "How i get these arrays values in my controller " — Nazar Hussain
– Nazar Hussain, Commented Jan 18, 2017 at 14:43

Nitheesh · Accepted Answer · 2017-01-18 13:59:22Z

0

Try this. Define your function outside controller. This will help you in accessing function as you mentioned.

ng-repeat="x in message"

Also I have made your function test as a scope function inside the controller.

<!DOCTYPE html>
<html ng-app="angularjs-starter">

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

<script>
    var app = angular.module('angularjs-starter', []);

    app.controller('MainCtrl', function ($scope) {
        $scope.message = test();
        console.log('message', $scope.message);
    });

    function test() {
        var data = [];
        for (var i = 0; i < 10; i++) {
            var newtest = {
                    text: 'text',
                    class: 'class_name',
                    user_chat_img: "images/noimage.jpg",
                    time_stamp: 'myJSON2'
                }
                // console.log('chat history',myJSON);
            data.push(newtest);
        }
        return data;
    }
</script>
</head>

<body ng-controller="MainCtrl">
<table>
    <tr ng-repeat="x in message">
        <td>{{x.class}}</td>
    </tr>
</table>
</body>

</html>

edited Jan 18, 2017 at 13:59

answered Jan 18, 2017 at 13:51

Nitheesh

20.1k3 gold badges28 silver badges52 bronze badges

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

6 Comments

Nazar Hussain Over a year ago

this is good solution this is also working in my views but i want to get this in my controller to use this in another function

Nitheesh Over a year ago

@NazarHussain I have updated the code. Define your function outside controller. This will help you in accessing function as you mentioned.

Nazar Hussain Over a year ago

Thanks for your response but i think i can not convey my problem to you I want to use values that send me test function in my controller and then add some more message in that array and then i have to show this to my views

Nitheesh Over a year ago

What is your requirement?

Nazar Hussain Over a year ago

in this array i get message and then i send a call to api and that function give some old message Now i have to show all message i my view

|

Collectives™ on Stack Overflow

How can we get array loop in controller in angularjs

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related