Angular2 search an object in an array

Question

I have an array of objects like following:

subgoals: any= [
    {'index':'0', 'title': 'Subgoal 1', 'priority': 'Max'},
    {'index':'1', 'title': 'Subgoal 2', 'priority': 'Low'},
    {'index':'2', 'title': 'Subgoal 3', 'priority': 'Avg'},
    {'index':'3', 'title': 'Subgoal 4', 'priority': 'Max'},
]

and two properties:

title:string='';
priority:string='';

I iterate over this array of objects on my template:

<div *ngFor=" let chunk of subgoals | chunks: 1; let j = index; " class="mdl-cell mdl-cell--4-col subgoal-card mdl-card">
    <div *ngFor=" let subgoal of chunk | values" >
        <div class="mdl-card__title">
            <h6>{{subgoal.title}}</h6>
        </div>

        <div class="mdl-card__actions">
            <button class="mdl-button" (click)="openSubgoalForEditing(j)">
                View
            </button>
        </div>
    </div>
</div>

<div>{{title}}</div>
<div>{{priority}}</div>

Now depending on the index received in my openSubgoalForEditing(j) I would like iterate over my subgoals[] array to get the corresponding object and then set title and priority which I can show in my template back.

How can I do this?

Iterating through and object in the template: stackoverflow.com/questions/37431578/… . I used this, worked like a charm! ;) — SrAxi
– SrAxi, Commented Apr 4, 2017 at 14:03

Thinker · Accepted Answer · 2017-04-04 15:00:53Z

0

I applied a simple for loop:

for(let item of this.subgoals){
    if(item.index==index){

        this.title=item.title;
        this.priority=item.priority
    }
}

answered Apr 4, 2017 at 15:00

Thinker

5,39615 gold badges70 silver badges143 bronze badges

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

Collectives™ on Stack Overflow

Angular2 search an object in an array

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related