选择输入 - Angular 2答案

【问题标题】：Select input - Angular 2选择输入 - Angular 2
【发布时间】：2018-06-17 13:30:29
【问题描述】：

我想知道我的select有多少元素（在本例中为option）

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

这是选择，但我想先检查它是否有多个元素或更少（0 或 1）门

我想最简单的方法是使用Jquery 或Javascript

【问题讨论】：

可以查看数组的长度<span>{{car.doors.length}}</span>
jQuery count child elements的可能重复
你知道是否可以做类似 *ngIF="scenario.lIntConf.length>30" 的事情吗？

标签： javascript jquery html angular

【解决方案1】：

试试这样：

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

如果car.doors 为空，则不会显示您的选择。

【讨论】：

只需添加 '*ngIf="car.doors.length > 2"。当有超过 2 个元素和门数组时，这将显示选择。 @MarioLópez