版权声明:署名,允许他人基于本文进行创作,且必须基于与原先许可协议相同的许可协议分发本文 (Creative Commons)
前言
小编在编码过程中,遇到一个错,可怕的是,看错误日志,竟无法定位到具体的文件及代码位置,通过查找博客,以及不断注释代码,发现了问题所在。
问题展示
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的使用要注意这样的坑。