【项目】ionic 4 项目报错Cannot assign to a reference or variable!

 前言

   小编在编码过程中，遇到一个错，可怕的是，看错误日志，竟无法定位到具体的文件及代码位置，通过查找博客，以及不断注释代码，发现了问题所在。

问题展示

 

bug所在的代码

<ion-select #groupId  style="margin-right: 30%;" cancelText="取消" okText="确定"  
 placeholder="请选择分组"  [(ngModel)]="groupId (ngModelChange)="querySumPeopleByGroup(groupId)">

     <ion-select-option *ngFor="let group of groupInfoList;" [value]="group.groupId">
          {{group.groupName}}
     </ion-select-option>

</ion-select>  

修改后的代码

<ion-select #id  style="margin-right: 30%;" cancelText="取消" okText="确定"  
 placeholder="请选择分组"  [(ngModel)]="groupId (ngModelChange)="querySumPeopleByGroup(id)">

     <ion-select-option *ngFor="let group of groupInfoList;" [value]="group.groupId">
          {{group.groupName}}
     </ion-select-option>

</ion-select> 

具体原因

  ts中变量名groupId 与html 中<ion-select> 中名称 #groupId 相同

小结

    在使用ionic的使用要注意这样的坑。