我有以下选择框:
<select [(ngModel)]="order.customer" id="customer" name="customer" class="form-control" required>
<option value="null" disabled [selected]="!order.customer">Choose Customer</option>
<option *ngFor="let customer of appService.customers" [ngValue]="customer">{{customer.text}}</option>
</select>
选择客户时,它将按预期绑定到order.customer,并在我提交表单并重新打开它时显示正确的值。
但是,当我刷新页面时(在将order
保存在本地存储中之后),加载表单时选择为空。
一开始,我认为这是本地存储问题,但是随后我打印了order.customer.id
进行日志记录,发现刷新页面时它会加载-只是没有以表格形式显示。
当我用[ngValue]="customer"
替换[ngValue]="customer.id"
时,上述问题已解决,但是绑定到order.customer的值错误。
重要的是:当我重新加载页面时,选择显示为空值,而不是“选择客户”占位符。
谢谢!