Getting length of JSON in angular

Question

{ "questions": [
  {
   "text": "Which colors do you see in the rainbow?",
   "answer": "A",
   "A": "RED",
   "B": "ORANGE",
   "C": "YELLOW",
   "D": "GREEN"
 },
 {
  "text": "What is sanatbek's family name?",
  "answer": "C",
  "A": "Saidov",
  "B": "Muhammadlatipov",
  "C": "Matlatipov",
  "D": "Boboyev"
 },
 {
  "text": "How many members does this company have?",
  "answer": "C",
  "A": "3",
  "B": "8",
  "C": "9",
  "D": "2"
 }
 ]
}

This is my JSON file and I need to get length of questions in AngularJS like this:

function getQuestionCount() {
    return $scope.questions.length;
}

Here $scope.questions is declared in the controller: I have tried several solutions like

return Object.keys($scope.questions).length this is returning value: 6; after displaying console.log($scope.questions) . I understood that this was number of properties of my Parsed Object.
Then after thinking a bit, I tried this return $scope.questions.data.questions.length; this is working. However, Following error is showing on my console.

Here is My Error Message:

Error message

TypeError: Cannot read property 'data' of undefined.

What is $scope.questions? Is it the array of three objects? — Dust_In_The_Wind
– Dust_In_The_Wind, Commented Oct 28, 2017 at 7:20
Yes it should be the array of three objects which is taken from questions key. Mr Raghu's solution is the answer for my problem. — Sanatbek Matlatipov
– Sanatbek Matlatipov, Commented Oct 28, 2017 at 9:35

Raghu · Accepted Answer · 2017-10-28 07:29:15Z

1

From the ScreenShot you shared it is understood you made a HTTP GET call to retrieve the data. After your call gets successfully completed you can set the questions length in a variable in scope.

$http({
  method: 'GET',
  url: '/someUrl'
}).then(function successCallback(response) {
    $scope.questionsLenght = response.data.questions.length;
  }, function errorCallback(response) {
    // called asynchronously if an error occurs
    // or server returns response with an error status.
  });

answered Oct 28, 2017 at 7:29

Raghu

1,0291 gold badge9 silver badges27 bronze badges

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

1 Comment

Sanatbek Matlatipov Over a year ago

Thank you. When I parsed from JSON I took full response instead of response.data.questions to my global variable!

NTP · Accepted Answer · 2017-10-28 07:24:48Z

0

if in your controller you set your json string as

  $scope.questions = {
  "questions": [
  {
      "text": "Which colors do you see in the rainbow?",
      "answer": "A",
      "A": "RED",
      "B": "ORANGE",
      "C": "YELLOW",
      "D": "GREEN"
  },
 {
     "text": "What is sanatbek's family name?",
     "answer": "C",
     "A": "Saidov",
     "B": "Muhammadlatipov",
     "C": "Matlatipov",
     "D": "Boboyev"
 },
 {
     "text": "How many members does this company have?",
     "answer": "C",
     "A": "3",
     "B": "8",
     "C": "9",
     "D": "2"
 }
    ]
};

try

 $scope.questions.questions.length;

as the name of array inside your json string is questions

answered Oct 28, 2017 at 7:24

NTP

4,4483 gold badges18 silver badges25 bronze badges

Comments

piet.t · Accepted Answer · 2017-10-30 09:04:31Z

0

you can get length by using for loop:

for (var i = 0; i < $scope.questions.length; i++) {
   $scope.data.push(angular.copy(types[i]));
  }

edited Oct 30, 2017 at 9:04

piet.t

11.9k21 gold badges45 silver badges56 bronze badges

answered Oct 28, 2017 at 7:23

Urvashi Bhatt

5295 silver badges22 bronze badges

Collectives™ on Stack Overflow

Getting length of JSON in angular

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related