错误类型错误： 无法读取 null 的属性'clientId'

Question

单击我的对象后，我将组件更改为另一个以更新此对象。在更新的组件中，我有一个包含一个select元素的表单，该元素具有选项，该选项应使用数据库中的值初始化(方法OnInit(

我需要默认从此值列表中选择我的对象的值

的值

 <label>Catégorie Client:</label>
 <select class="form-control" [(ngModel)]="client.clientId" >
     <option></option>
     <option *ngFor="let client of clients" [value]="client.clientId">{{client.name}}</option>
 </select>

问题是客户端可以是null的，在这种情况下，我希望将<option></option>显示为带有空值的默认值，但是我有错误

无法读取空值

我的对象实例化...

感谢您的帮助。

Answer 1

[(ngModel)]="client.clientId"生成错误。client在这里不可用，您在option标签中声明了它

请注意[value]="xxx"仅支持字符串，如果您的clientId是号码，则最好选择[ngValue]="xxx"

 <label>Catégorie Client:</label>
 <select 
   class="form-control" 
   [(ngModel)]="selectedClient" >
   <option></option>
   <option 
     *ngFor="let client of clients" 
     [ngValue]="client"
   >
   {{client.name}}
   </option>
 </select>

selectedClient需要由clients的一项初始化，

正如Connorsfan提到的，您可以将selectedClient作为null留下，因此一开始就不会选择。