javascript - Angular - 将选择下拉列表中的选项标记为默认选中

Question

我在将正确选项自动设置为 selected 时遇到问题.我怀疑原因可能是 Angular 不理解 price.currency和 let currency of currencies是同一个对象。

<select [(ngModel)]="price.currency" class="form-control">
    <option *ngFor="let currency of currencies" [ngValue]="currency">
        {{currency.iso_code}}
    </option>
</select>

我已经为 price 创建了模型类和 currency如您所见:

export class ProductPrice {
    id: number;
    product: number;
    price: number;
    taxrule: Taxrule;
    currency: Currency;
}

当我获取 currencies 的列表时我将其转换到 Currency[] 的列表中.

最后...我还尝试添加 [selected]="price.currency.id == currency.id" <option> 的参数没有任何结果。可能是因为 ngValue覆盖它。

想法？

Answer 1

如您所想，无法从 currencies 数组中识别出 price.currency。您可以通过在这两个值之间创建引用来绑定(bind)这两个值。这可以在您收到货币(和 price)之后完成，例如:

this.price.currency = this.currencies.find(x => x.id == this.price.currency.id)

这是一个 Demo