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 `{{car.doors.length}}` — Fabio Antunes, Jan 08 '18 at 14:42
Possible duplicate of [jQuery count child elements](https://stackoverflow.com/questions/4291151/jquery-count-child-elements) — MathKimRobin, Jan 08 '18 at 14:43
Do you know if it is possible to do something like *ngIF="scenario.lIntConf.length>30" ? — bellotas, Jan 08 '18 at 14:58

score 2 · Accepted Answer · edited Jan 08 '18 at 14:56

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 08 '18 at 14:56

msanford

11,803
11
66
93

answered Jan 08 '18 at 14:45

Dmitry Sobolevsky

1,171
6
12

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 – Llorenç Pujol Ferriol Jan 08 '18 at 15:24

Select input - Angular 2

1 Answers1