ERROR TypeError: Cannot read property 'clientId' of null

Question

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

我需要 select 默认情况下从这个值列表中获取我的对象的值

 <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>

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

cannot read null value

我已经实例化了我的对象...

感谢您的帮助。

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保留为空，这样一开始就不会选择任何内容。

ERROR TypeError: Cannot read property 'clientId' of null

ERROR TypeError: Cannot read property 'clientId' of null

javascript

typescript

angular

angular4-forms