为什么迭代ViewChildren QueryList只显示一个数组元素？

迭代ViewChildren QueryList只显示一个数组元素的原因可能是由于以下几个因素：

1. 数据源问题：首先需要确保数据源是正确的，即QueryList中包含了所有需要迭代的元素。可以通过在模板中使用*ngFor指令来迭代QueryList，并在控制台打印QueryList的长度来验证数据源是否正确。
2. 变更检测问题：Angular使用变更检测机制来跟踪组件和模板之间的数据变化。当数据发生变化时，Angular会重新渲染模板。如果QueryList中的元素发生了变化，但是没有触发变更检测机制，那么迭代的结果可能会不正确。可以尝试手动触发变更检测机制，例如使用ChangeDetectorRef的detectChanges方法。
3. 生命周期钩子问题：Angular组件的生命周期钩子函数中，ngAfterViewInit是在视图初始化完成后被调用的。如果在ngAfterViewInit之前尝试迭代QueryList，可能会导致只显示一个数组元素。可以将迭代操作放在ngAfterViewInit中进行，确保视图已经初始化完成。
4. 模板渲染问题：如果在模板中使用了错误的迭代方式，也可能导致只显示一个数组元素。确保在模板中正确地使用*ngFor指令来迭代QueryList，并正确地绑定每个元素的属性。

总结起来，迭代ViewChildren QueryList只显示一个数组元素的原因可能是数据源问题、变更检测问题、生命周期钩子问题或者模板渲染问题。需要仔细检查以上几个方面，确保数据源正确、正确触发变更检测、在适当的生命周期钩子函数中进行迭代操作，并正确地使用*ngFor指令来迭代QueryList。