我有一个html下拉列表,该下拉列表从api采购数据,该api返回[在组件中]对象的数组。下拉列表使用的字段值在大多数对象中,但不是全部。
因此,某些字段条目在下拉列表中显示为空白。
<div class="col-sm-5">
<label>DropDown<label class="field-importance" style="padding-left: 14rem">Required</label></label>
<select formControlName="Entry" placeholder="Select Entry" required>
<option value="null" disabled="true" [selected]="true" [hidden]="true">Select Entry</option>
<option *ngFor="let e of entry" [value]="e.val">{{e.val}}</option>
</select>
</div>
非常感谢
您可以在使用*ngIf
属性之前先对其进行val
检查。尝试以下操作
<div class="col-sm-5">
<label>DropDown<label class="field-importance" style="padding-left: 14rem">Required</label></label>
<select formControlName="Entry" placeholder="Select Entry" required>
<option value="null" disabled="true" [selected]="true" [hidden]="true">Select Entry</option>
<ng-container *ngFor="let e of entry">
<ng-container *ngIf="e.val">
<option [value]="e.val">{{e.val}}</option>
</ng-container>
</ng-container>
</select>
</div>