Using map in Angular .ts file

Question

I am trying to set values in a Map in angular. An I try to set the values when I click some particular buttons and invoke the onClick function

typeArray: Map<number,string>;

  Rent(movieId: number){
    this.typeArray.set(movieId,"Rental");
    console.log(this.typeArray.get(movieId));
  }
  Purchase(movieId: number){
    this.typeArray.set(movieId,"Purchased");
    console.log(this.typeArray.get(movieId));
  }

But I am getting this error

core.js:4197 ERROR TypeError: Cannot read property 'set' of undefined
at CartComponent.Purchase (cart.component.ts:77)
at CartComponent_tr_23_Template_button_click_13_listener (cart.component.html:34)
at executeListenerWithErrorHandling (core.js:14310)
at wrapListenerIn_markDirtyAndPreventDefault (core.js:14345)
at HTMLButtonElement.<anonymous> (platform-browser.js:582)
at ZoneDelegate.invokeTask (zone-evergreen.js:399)
at Object.onInvokeTask (core.js:27418)
at ZoneDelegate.invokeTask (zone-evergreen.js:398)
at Zone.runTask (zone-evergreen.js:167)
at ZoneTask.invokeTask [as invoke] (zone-evergreen.js:480)

Try using arrow functions intead

dwosk
– dwosk

2020-10-06 16:10:32 +00:00
Commented Oct 6, 2020 at 16:10 — dwosk
– dwosk, Commented Oct 6, 2020 at 16:10

iams0nus · Accepted Answer · 2020-10-06 16:28:45Z

1

typeArray: Map<number,string>;

This just declares the property to be a Map but doesn't create it. So, the value of this Map type property remains 'undefined'.

For creating a Map you will have to call its constructor like

typeArray: Map<number, string> = new Map<number, string>();

Now its value is not undefined and the set and get methods become available for use.

answered Oct 6, 2020 at 16:28

iams0nus

4923 silver badges8 bronze badges

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

Comments

TmTron · Accepted Answer · 2020-10-06 16:10:38Z

0

You only declare the Map, but you don't create it, try this:

typeArray = new Map<number,string>();

answered Oct 6, 2020 at 16:10

TmTron

19.7k13 gold badges108 silver badges165 bronze badges

Collectives™ on Stack Overflow

Using map in Angular .ts file

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related