Set selected attribute in Angular2

Question

I have select group and i want to set selected attribute for object with certain id. I'm tried to move this condition in function, but it doesn't help. Even if i simply set [attr.selected]="true" it's also doesn't help.

<div *ngIf="_albums && _albums.length > 0" class="form-group">
    <select class="form-control input-lg" id="selectAlbum" [(ngModel)]="_albumId" name="albumId">
        <option *ngFor="let album of _albums" [value]="album.id" [attr.selected]="album.id == 0 ? true : null">
            {{album.title}}
        </option>
    </select>
</div>

It's weird because even this doesn't work:

<option *ngFor="let album of _albums" [value]="album.id" selected>
    {{album.title}}
</option>

micronyks · Accepted Answer · 2016-10-30 06:59:11Z

3

I got it.

set condition to value attribute,

 [value]="album.id== 0 ? true : null" [attr.selected]="album.id "

DEMO : https://plnkr.co/edit/BZq43O0PZuAsmyTQLzrD?p=preview

answered Oct 30, 2016 at 6:59

micronyks

55.6k17 gold badges122 silver badges166 bronze badges

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

8 Comments

Rodion Over a year ago

i can't, cause value used for ngModel

Rodion Over a year ago

I'm want default object with id equal to 0. Value used for other purposes(for selecting).

micronyks Over a year ago

Okay what you want is you want selectedId or defaultId to be zero(0) ???

Rodion Over a year ago

I want to show object with id equal to zero in dropdown, not just emptiness.

micronyks Over a year ago

Let us continue this discussion in chat.

|

Ghost Developer · Accepted Answer · 2016-10-30 06:55:49Z

0

[attr.selected]="album.id == 0 ? selected : ''"

answered Oct 30, 2016 at 6:55

Ghost Developer

1,4531 gold badge11 silver badges19 bronze badges

1 Comment

Pedro Ferreira Over a year ago

You don't need the attr prefix - it won't work. Simply [selected]="album.id == 0"

Collectives™ on Stack Overflow

Set selected attribute in Angular2

2 Answers 2

8 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related