How to get specific value in Array of objects in typescript

Question

I have an Array of objects which I loop through with *ngfor and display in a ngdropdownmenu. I select one and return one of the objects which contain a name and an action and assign it to a string variable. How can I only get action value of selected object in typescript?

//Typescript Code:
specificaction: string = "";
public finishActions = [
{ name: "blah", action: "blahblahblah" },
{ name: "blah", action: "blahblahblah" },
{ name: "blah", action: "blahblahblah" },
{ name: "blah", action: "blahblahblah" },
{ name: "blah", action: "blahblahblah" },
{ name: "", action: "" }
] 
finishAction(action: string) {
this.specificaction= action;
//I CAN NOT GET THE specification.action
console.log(this.specificaction.action);
 }

//HTML
<div ngbDropdownMenu aria-labelledby="dropdownBasic1">
  <button class="dropdown-item text-right" *ngFor="let action of 
finishActions" (click)="finishAction(action)">{{action.name}}</button>
</div>

If you already have the object, just get its property like item.action. — Rodris
– Rodris, Commented Jun 15, 2018 at 15:36

Leo · Accepted Answer · 2018-06-15 14:56:40Z

1

I would do something like this:

<div *ngFor="let finishAction of finishActions">
    <p>{{ finishAction.action }}</p>
</div>

answered Jun 15, 2018 at 14:56

Leo

7516 silver badges15 bronze badges

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

1 Comment

Sebastian Over a year ago

I need the value of {{ finishAction.action }} to be saved in 'specificaction: string = "";'

Collectives™ on Stack Overflow

How to get specific value in Array of objects in typescript

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