使用ngValue选择从LocalStorage空加载

时间:2018-08-09 06:40:41

标签: angular

我有以下选择框:

  <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的值错误。

重要的是:当我重新加载页面时,选择显示为空值,而不是“选择客户”占位符。

谢谢!

0 个答案:

没有答案