Default value in input select Angular

Question

libros.component.ts

export class LibrosComponent implements OnInit {
          public order;
          ...

libros.component.html

<div class="form-group">
          <label for="selectOrden">Ordenar</label>
          <select class="form-control input-sm" #ordenar="ngModel" [(ngModel)]="order" name="ordenar" id="selectOrden" (change)="findOrder()">
              <option>Alfabético</option>
              <option>Fecha</option>
              <option>Valoración</option>
          </select>
 </div>

When the page is loaded this select is like this:

But I want a default value, like this:

I also have tried with selected="selected", but it doesn't work here.

Thanks

Possible duplicate of Angular: set selected value for <select> — Aravind
– Aravind, Commented Aug 27, 2017 at 17:55
@Jose you should not add "solved" in title, if an answer works for you, instead you should accept it (green check next to answer) see tour — Petter Friberg
– Petter Friberg, Commented Aug 27, 2017 at 18:14

Eduard Lepner · Accepted Answer · 2017-08-27 17:53:56Z

1

Just initialize the field order with the value you want to display in the constructor or ngOnInit() method.

answered Aug 27, 2017 at 17:53

Eduard Lepner

6997 silver badges19 bronze badges

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

Collectives™ on Stack Overflow

Default value in input select Angular

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related