Angular 5 make local variable to global

Question

I have a code like this :

var data = [
   {
     first_name: "Apurv",
     date: "2018-01-22",
     is_present: "1", 
   },
   {
     first_name: "Lucky",
     date: "2018-01-22",
     is_present: "0", 
   },
   {
     first_name: "Apurv",
     date: "2018-01-20",
     is_present: "0", 
   },
   {
     first_name: "Lucky",
     date: "2018-01-20",
     is_present: "1", 
   }
];

var groupByName = {};

data.forEach(function (a) {
    groupByName [a.first_name] = groupByName [a.first_name] || [];
    groupByName [a.first_name].push({ date: a.date, is_present: a.is_present });
});

console.log(groupByName);

I try to make local variable of groupByName variable become global in order to works with *ngIf on Angular 5, could everyone clearing this or maybe there is another way to solve this issue? I would be thank you before!

Not sure I got what you are trying to do. But I would make it a property of your component class. — Henry
– Henry, Commented Oct 25, 2018 at 5:28
I just want to make looping from groupByName variable but the variable is in local, I try to make it global — Ruby Ravenford
– Ruby Ravenford, Commented Oct 25, 2018 at 10:03

Torsten Weggen · Accepted Answer · 2018-10-25 14:03:30Z

2

You should do it as a property of your component :

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-mycomponent',
  template: '<some html here>',
})
export class MyComponent implements OnInit{

  public data:any[];
  public groupByName:any;


  ngOnInit() {
    this.data = [
       {
         first_name: "Apurv",
         date: "2018-01-22",
         is_present: "1", 
       },
       {
         first_name: "Lucky",
         date: "2018-01-22",
         is_present: "0", 
       },
       {
         first_name: "Apurv",
         date: "2018-01-20",
         is_present: "0", 
       },
       {
         first_name: "Lucky",
         date: "2018-01-20",
         is_present: "1", 
       }
    ];

    this.groupByName = {};

    this.data.forEach(function (a) {
        this.groupByName[a.first_name] = this.groupByName [a.first_name] || [];
        this.groupByName[a.first_name].push({ date: a.date, is_present: a.is_present });
    });
  }
}

edited Oct 25, 2018 at 14:03

answered Oct 25, 2018 at 5:42

Torsten Weggen

1411 silver badge6 bronze badges

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

4 Comments

Torsten Weggen Over a year ago

sorry, copy/paste error. Forgot this at "data.foreach...". - just corrected my solution

Ruby Ravenford Over a year ago

yeah, I've trying as you explained above but this.groupByName is undefined, I don't know why as before I've trying using return this.groupByName but the result is still undefined. Maybe you know the way how to groupping by JSON data by each categories, I would be thank you for your response.

Torsten Weggen Over a year ago

I checked your routine and the result is OK: { Apurv: [ { date: '2018-01-22', is_present: '1' }, { date: '2018-01-20', is_present: '0' } ], Lucky: [ { date: '2018-01-22', is_present: '0' }, { date: '2018-01-20', is_present: '1' } ] } Must be another problem! Could you please post your exact error message ?

Ruby Ravenford Over a year ago

Thanks, unexpectedly it works after I re-run the ionic serve command, maybe livereload won't reload the browser properly. Well, I say thank you for solving this.

Collectives™ on Stack Overflow

Angular 5 make local variable to global

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related