Select input - Angular 2

Question

I would like to know the number of elements (in this case option) has my select

<select class="form-control" required>
    <option *ngFor="let numberDoor of car.doors" type="text">{{numberDoor .number}}</option>
</select>

That is the select but I would like to check first if it has more than an element, or less (0 or 1) doors

I guess the easiest way is using Jquery or Javascript

You can check the length of the array <span>{{car.doors.length}}</span> — Fabio Antunes
– Fabio Antunes, Commented Jan 8, 2018 at 14:42
Do you know if it is possible to do something like *ngIF="scenario.lIntConf.length>30" ? — bellotas
– bellotas, Commented Jan 8, 2018 at 14:58

msanford · Accepted Answer · 2018-01-08 14:56:43Z

2

Try like this:

<select class="form-control" required *ngIf='car.doors.length'> 
    <option *ngFor="let numberDoor of car.doors" type="text">{{numberDoor.number}}</option>
</select>

If car.doors are empty, your select don't display.

edited Jan 8, 2018 at 14:56

msanford

12.4k13 gold badges73 silver badges100 bronze badges

answered Jan 8, 2018 at 14:45

Dmitry Sobolevsky

1,1916 silver badges12 bronze badges

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

1 Comment

Llorenç Pujol Ferriol Over a year ago

Just add '*ngIf="car.doors.length > 2". This will display the select when there are more than 2 elements and the doors array. @MarioLópez

Collectives™ on Stack Overflow

Select input - Angular 2

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related