gpt4 book ai didi

Angular 2 : Select dropdown not selecting option despite "selected" attribute

转载 作者:太空狗 更新时间:2023-10-29 17:44:48 25 4
gpt4 key购买 nike

我有以下用于选择下拉列表的代码:

<select id="UnitOfMeasurementId" name="UnitOfMeasurementId" [(ngModel)]="UnitOfMeasurementId">
<option *ngFor="let unit of UnitOfMeasurements" [ngValue]="unit.Value" [selected]="unit.Selected">{{unit.Text}}</option>
</select>

UnitOfMeasurements 数组中的每一项看起来像这样:

Selected: false
Text: "lb"
Value: "1"

或者这个:

Selected: true
Text: "kg"
Value: "3"

[(ngModel)]="UnitOfMeasurementId" 包含应选择的项目的值。在此特定示例中,该值为 3,因此应选择第 3 个项目。果然,当我检查元素时,它在正确的项目上显示 ng-reflect-selected="true" ,但实际上没有选择任何东西。我怎样才能获得列表中的正确项目以实际动态选择而不是仅仅添加 ng-reflect-selected="true" 属性?

最佳答案

attr.selected 绑定(bind)将属性值设置为传递的值。因此,如果您传递 false,它将设置 selected="false",这不是您想要的(因为它根据 HTML 规范实际选择了元素)。要删除属性,您必须传递 null

使用:

[attr.selected]="unit.Selected ? '' : null"

关于 Angular 2 : Select dropdown not selecting option despite "selected" attribute,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40730700/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com