Create Array Of Class In Typescript

Question

How can I create array of class and then push some classes in it , I just have to create same as

In C#

 public class CheckBoxListItem
{        
    public string DisplayName { get; set; }
    public string Value { get; set; }
    public bool IsChecked { get; set; }         
}

List<CheckBoxListItem> cbx = new List<CheckBoxListItem>();
cbx.Add(new CheckBoxListItem(){DisplayName ="ABC",Value="NOW",IsChecked=true});

In Typescript

class Graph{
graphType:string;
checkedItems:CheckBoxListItem[];
}


 class CheckBoxListItem
 {
  DisplayName: string  
  Value:string  
  IsChecked:boolean
 }

Properties

  checksGraph :CheckBoxListItem;
  graphModel:Graph;

Constructor

constructor(private el:ElementRef, private renderer:Renderer) { 


  this.checksGraph = new CheckBoxListItem();
  this.graphModel = new Graph();
}

Problem

  pushItem(){

    this.checksGraph.DisplayName=displayName;
    this.checksGraph.Value=value;
    this.checksGraph.IsChecked=check;      
    this.graphModel.checkedItems.push(this.checksGraph); 
 }

This line could not run becuase checkedItems is undefined

this.graphModel.checkedItems.push(this.checksGraph);

also cannot use

this.graphModel.checkedItems = new CheckBoxListItem[50];

this throws TypeError: CheckBoxListItem[50] is not a constructor.

paul · Accepted Answer · 2019-11-21 12:33:33Z

1

In your Graph class definition, change

checkedItems:CheckBoxListItem[];

to

checkedItems:CheckBoxListItem[] = [];

answered Nov 21, 2019 at 12:33

paul

22.1k1 gold badge56 silver badges54 bronze badges

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

2 Comments

TAHA SULTAN TEMURI Over a year ago

Do I need to initialize the property inside constructor after this?

TAHA SULTAN TEMURI Over a year ago

when I push some class all previous elements copies the same

Collectives™ on Stack Overflow

Create Array Of Class In Typescript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related