Struggling with transferring data between objects in Angular 2 using typescript?

Question

Struggling with transferring data between objects in Angular 2 using typescript?

I am facing an issue with copying values from an employee object to a new object using Typescript. Despite my efforts, I keep encountering errors.

Here is the Typescript code snippet:

employee = [
    { "empId": "59C", "empDesc": "Software","location":"Dallas"},
    { "empId": "AMI", "empDesc": "Hardware", "location":"San Francisco"}
  ];
  companies : any;
  for (let c of this.employee) {
      this.companies.push({
        empDesc: c.empDesc,
        empId: c.empId
      })
    };
  console.log("Companies",this.companies);

For the complete Plunker code, visit the following link:

https://plnkr.co/edit/CnBR4JouNhzH3DWm7QCo?p=preview

angular typescript typescript2.0

Answer 1

Answer №1

To ensure proper execution of the code, it is essential to encase it within a function. In this case, I am executing it within the constructor. Remember that variables can only be declared within the class.

Furthermore, do not forget to initialize the companies variable with an empty array.


  employee = [
    { "empId": "59C", "empDesc": "Software","location":"Dallas"},
    { "empId": "AMI", "empDesc": "Hardware", "location":"San Francisco"}
  ];
  companies : any = [];


  constructor(){
    for (let c of this.employee) {
      this.companies.push({
        empDesc: c.empDesc,
        empId: c.empId
      })
    };
   console.log("Companies",this.companies);

  }

Answer 2

To ensure proper execution of the code, it is essential to encase it within a function. In this case, I am executing it within the constructor. Remember that variables can only be declared within the class.

Furthermore, do not forget to initialize the companies variable with an empty array.


  employee = [
    { "empId": "59C", "empDesc": "Software","location":"Dallas"},
    { "empId": "AMI", "empDesc": "Hardware", "location":"San Francisco"}
  ];
  companies : any = [];


  constructor(){
    for (let c of this.employee) {
      this.companies.push({
        empDesc: c.empDesc,
        empId: c.empId
      })
    };
   console.log("Companies",this.companies);

  }

Answer 3

Answer №2

There are a few things to address,

You need to implement the code within a specific function

constructor(){
    for (let c of this.employee) {
      this.companies.push({
        empDesc: c.empDesc,
        empId: c.empId
      })
    };
  console.log("Companies",this.companies);
 }

and ensure the companies property is initialized,

Take a look at the updated version on Plunker!!

I hope this explanation clarifies things!.

Answer 4

There are a few things to address,

You need to implement the code within a specific function

constructor(){
    for (let c of this.employee) {
      this.companies.push({
        empDesc: c.empDesc,
        empId: c.empId
      })
    };
  console.log("Companies",this.companies);
 }

and ensure the companies property is initialized,

Take a look at the updated version on Plunker!!

I hope this explanation clarifies things!.

Answer 5

Answer №3

This solution worked perfectly in my case:

const staff: any[] = [];
const organizations: any[] = [];

ngOnInit() {
    staff = [
      { "id": "59C", "name": "John Doe", "department":"IT"},
      { "id": "AMI", "name": "Jane Smith", "department":"HR"}
    ];


    for (let s of staff) {
      let temp = [{
        name: s.name,
        id: s.id
      }]
      organizations.push(temp);
    };
    console.log("Organizations", organizations);
}

Answer 6

This solution worked perfectly in my case:

const staff: any[] = [];
const organizations: any[] = [];

ngOnInit() {
    staff = [
      { "id": "59C", "name": "John Doe", "department":"IT"},
      { "id": "AMI", "name": "Jane Smith", "department":"HR"}
    ];


    for (let s of staff) {
      let temp = [{
        name: s.name,
        id: s.id
      }]
      organizations.push(temp);
    };
    console.log("Organizations", organizations);
}

Struggling with transferring data between objects in Angular 2 using typescript?

Answer №1

Answer №2

Answer №3

Similar questions

Is it possible to create a distinctive property value within an ngFor loop that operates autonomously across two child components?

Implementing data waiting strategy in Vue component using TypeScript for rendering

TypeScript equivalent to Python's method for removing non-whitespace characters is achieved by

Guide on customizing VS Code's Explorer to display angular js icons

What is the mechanism for invoking functions defined with the arrow syntax in Angular?

Issue with MUI 5 Button component not receiving all necessary props

What could be the reason behind the glob promise yielding an array with empty strings?

Creating a variety of active button colors using Bootstrap and Angular's ngFor

I am currently working on creating a drag select feature in React completely from scratch, but I'm facing some challenges with

What is the most effective method to clean an object in JavaScript while maintaining security?

Is there a way to ensure that the content of my modal dialog only displays once when it is opened?

Using Webpack to manage environment variables in Typescript

Troubleshoot: Angular 2 Carousel not Showing up on Page

Utilizing the return value of a MockService in a Jasmine unit test results in test failure

Encountered an error stating 'name' property is undefined while using @input in Angular 2

Guide to configuring a custom "page not found" error page in Spring Boot 2 and Angular

"How to incorporate SortableJS into Ionic 3 Angular app with the help of the systemjs.config.js

Issues with exporting function and interface have been identified

Creating a declaration file for a library's entry point involves outlining the structure and types

Retrieve the variable only once a response has been received from the POST request