Change value in array Angular 4

Question

I have:

button *ngFor="let button of buttons" (click)="changeValue()"

I have:

export class Home {

  howMany: number = 10;
  zoom: number = 5;

  buttons = [
    { howMany: 40, zoom: 10 }.
    { howMany: 100, zoom: 2 },
    { howMany: 23, zoom: 35 }
  ]

}

I have:

3 buttons on the screen.

How to create:

When I click button number 1: "howMany" change from 10 to 40 and "zoom" from 5 to 10

etc.

JSON Derulo · Accepted Answer · 2017-10-05 19:28:07Z

3

Here you go:

Template

<button *ngFor="let button of buttons" (click)="changeValue(button)">

TS

export class Home {

  howMany: number = 10;
  zoom: number = 5;

  buttons = [
    { howMany: 40, zoom: 10 }.
    { howMany: 100, zoom: 2 },
    { howMany: 23, zoom: 35 }
  ]

  changeValue(button) {
    this.howMany = button.howMany;
    this.zoom = button.zoom;
  }

}

answered Oct 5, 2017 at 19:28

JSON Derulo

18.8k11 gold badges62 silver badges85 bronze badges

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

1 Comment

Naturo Power Over a year ago

Awesome!! Thank you my friend!! :D

Collectives™ on Stack Overflow

Change value in array Angular 4

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related