Angular 4 - ERROR TypeError: Cannot read property 'push' of undefined

Question

this is my component code. and i am using socket.on to get data from node server and then want to push that into a Typescript array. its showing error on push function. actually list array is undefined at this point.

import { Component } from '@angular/core';
import * as io from 'socket.io-client';
    @Component({
  selector: 'app-admin',
  templateUrl: './admin.component.html',
  styleUrls: ['./admin.component.css']
})
export class AdminComponent{

private socket: io.Socket;
private list: any[];

  constructor() { 
      this.socket = io('wss://ngrk-buzzer-app.herokuapp.com');
      this.socket.on('message', function (data) {
            console.log(data);
            this.list.push(data.from + " pressed Buzzer."); //this is where the error is 
    });
  }

  clearList(){

      this.socket.emit("clear", "yes");

  }

  addItemInList(data){


  }



}

what should i do to make this.list make defined?

rameezmeans · Accepted Answer · 2018-04-10 09:23:28Z

1

intialize your variable list to an empty array, otherwise it will be undefined when you try to push objects

private list: any[] = [];

also use arrow function and with this too.

this.socket.on('message', (data: any) => this.list.push(data.from + " 
pressed Buzzer.");

edited Apr 10, 2018 at 9:23

rameezmeans

8501 gold badge12 silver badges24 bronze badges

answered Apr 10, 2018 at 9:10

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

3 Comments

rameezmeans Over a year ago

private socket: io.Socket; private list: any[] = []; constructor() { this.socket = io('wss://ngrk-buzzer-app.herokuapp.com'); this.socket.on('message', function (data) { console.log(data); this.list.push(data.from + " pressed Buzzer."); }); }

Sajeetharan Over a year ago

use arrow function

Frede Over a year ago

As sajeetharan Said: use the Arrow function. Otherwise 'this' is not what you expect inside the CB

Collectives™ on Stack Overflow

Angular 4 - ERROR TypeError: Cannot read property 'push' of undefined

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related