How to implement a variable for an array (Angular 4)

Question

I'm trying to get the right value for the skill.team[variable here].name where Angular gets all the team name from the skill

Here's my code:

HTML

<select [(ngModel)]="skill.teams[1].name" name="teamName" id="teamName" class="form-control">
                    <option *ngFor="let skill of skills" [value]="skill.teams[1].name">{{ skill.teams[1].name }}</option>
                  </select>

ARRAY

skill = {
  _id:'',
  name:'',
  teams:[{name:'team1'},{name:'team2'}]
}

It's Angular. There's no such thing as AngularJS 4.

Estus Flask
– Estus Flask

2017-09-13 19:06:27 +00:00
Commented Sep 13, 2017 at 19:06 — Estus Flask
– Estus Flask, Commented Sep 13, 2017 at 19:06

Jack Koppa · Accepted Answer · 2017-09-13 19:07:21Z

2

I believe this is what you're looking for; you should be iterating over the skill.teams array with your *ngFor. This also changes the model to be skill.name, however, which may or may not be exactly what you're looking for.

<select [(ngModel)]="skill.name" name="teamName" id="teamName" class="form-control">
        <option *ngFor="let team of skill.teams" [value]="team.name">{{team.name}}</option>
</select>

answered Sep 13, 2017 at 19:07

Jack Koppa

1,1913 gold badges13 silver badges26 bronze badges

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

Comments

LMDev · Accepted Answer · 2017-09-13 20:05:25Z

0

Do a console log for skill console.log(skill); the console output will give you the structure of your iterables.

answered Sep 13, 2017 at 20:05

LMDev

371 silver badge10 bronze badges

Collectives™ on Stack Overflow

How to implement a variable for an array (Angular 4)

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related