Angular 14首次加载时表格不显示数据问题求助

问题根源是Angular模板变量名大小写敏感：

• 组件类中定义的数组是小写的 tags
• 但HTML模板的*ngFor里写成了大写的 Tags

初始加载时模板找不到对应的数据集合，所以表格不渲染；点击操作触发了Angular的变更检测，此时模板重新识别到数据才显示。

修正后的HTML代码 #

<tr *ngFor="let t of tags">
  <td>{{t.tagName}}</td>
  <td>{{t.createdBy}}</td>
  <td>{{t.updatedBy}}</td>
  <td>{{t.isActive}}</td>
  <td></td>
</tr>

额外检查点 #

1. 确保Tag接口的属性名和API返回的字段完全匹配（包括大小写），避免因属性名不匹配导致数据无法正常显示
2. 组件的ngOnInit生命周期钩子调用正常，你的代码里API请求和订阅逻辑没问题，控制台能打印数据已验证这一点

内容的提问来源于stack exchange，提问作者Al Masum