Javascript Angular | NgRx在将对象放入下拉列表之前检查对象中的空字段

我有一个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>

需要下拉列表
选择条目
{{e.val}}

---

非常感谢

您可以在使用

*ngIf

属性之前检查

val

属性。试试下面的方法

需要下拉列表
选择条目
{{e.val}}

您可以在使用

*ngIf

属性之前检查

val

属性。试试下面的方法

需要下拉列表
选择条目
{{e.val}}

我建议在ts代码中过滤掉数组中的空值。因此，当您将数据初始化到entry变量时，请执行以下操作：

this.entry = data.filter(x => x.val);

---

我建议在ts代码中过滤掉数组中的空值。因此，当您将数据初始化到entry变量时，请执行以下操作：

this.entry = data.filter(x => x.val);

---

作为惯例，我建议将数组类型变量命名为复数而不是单数。所以我建议用复数而不是单数来命名数组类型变量。因此，输入项而不是输入项。