Creating Nested Arrays in Angular: A Step-by-Step Guide

Question

Creating Nested Arrays in Angular: A Step-by-Step Guide

I'm struggling to create an array of arrays and I can't seem to figure out what's wrong with my code. Here's the snippet:

c.push({ id: data[0]["id"], title:data[v]["title"], date:data[v]["date"],
         text:data[v]["text"], favorit:"true" });
$scope.favoriti.push({c});
c=[];

When I try to access the array using alert, it shows undefined.

alert( $scope.favoriti[0]["id"] );

Can someone please guide me on how to create this kind of array so that I can access it with the alert function? Your help is greatly appreciated! Thank you.

javascript angularjs arrays

Answer 1

Answer №1

please review this piece of code.

var app = angular.module('app', []);
app.controller('controller', function($scope) {
  var data = [{
    id: 1,
    title: 't',
    date: 'd',
    text: 'text'
  }];
  
  var c = [];
  $scope.favoriti = [];
  var v = 0;

  c.push({
    id: data[0]["id"],
    title: data[v]["title"],
    date: data[v]["date"],
    text: data[v]["text"],
    favorit: "true"
  });

  $scope.favoriti.push(c);
  console.log($scope.favoriti);
  console.log("id : " + $scope.favoriti[0][0]["id"]);
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="controller">
</div>

Answer 2

please review this piece of code.

var app = angular.module('app', []);
app.controller('controller', function($scope) {
  var data = [{
    id: 1,
    title: 't',
    date: 'd',
    text: 'text'
  }];
  
  var c = [];
  $scope.favoriti = [];
  var v = 0;

  c.push({
    id: data[0]["id"],
    title: data[v]["title"],
    date: data[v]["date"],
    text: data[v]["text"],
    favorit: "true"
  });

  $scope.favoriti.push(c);
  console.log($scope.favoriti);
  console.log("id : " + $scope.favoriti[0][0]["id"]);
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="controller">
</div>

Creating Nested Arrays in Angular: A Step-by-Step Guide

Answer №1

Similar questions

Comparing Methods for Populating Dropdown Lists: JavaScript vs Database Integration (Mysql-Django)

Display issue with React TypeScript select field

Is it safe to securely store connection credentials in javascript?

Middleware in Express.js Router

Ag-Grid is failing to display MenuTabs

Use jQuery to switch back and forth between the login and registration forms on a single

I am experiencing issues with the POST method in my RESTAPI in node.js and it is not functioning

What is the best way to assign default values when destructuring interfaces within interfaces in TypeScript?

Is it possible to set a value for a jQuery function after the function has

Navigate through all child views recursively in Swift to locate a particular class and add it to a collection

Issues with Jquery's Slice, Substr, and Substring functionalities

How can I position an object in Three.js to perfectly align with the left half of the screen, adjusting both its width

Every time I click the login button, my HTML page opens again in a new tab. How can I resolve this problem?

Attempting to set up an Ajax webform with various outputs, but encountering issues with functionality

Reduce and combine JavaScript files without the need for Grunt or Gulp

adjusting state with React hooks

When launching a modal window, the ability to dynamically change the URL and seamlessly transition into the modal window using Bootstrap 3, AngularJS, and CSS

What is the quickest method to perform a comprehensive comparison of arrays and combine distinct objects?

Issues with the Comments Adapter arise when CKEditorError errors are not properly handled after a Promise rejection

Exploring Time Scaling and Range Adjustment in D3 Barcharts