Javascript 对象未显示所有结果

Question

我使用了 for 循环将数组的所有元素放入 vm.klassen 中。我使用 console.log 来查看是否所有元素都放入了 vm.klassen 中，情况确实如此。

我试图在前端显示结果，但它只显示最后的结果。

for循环:

if (vm.tijdvak.klassen.length > 1) {
          for (i = 0; i < vm.tijdvak.klassen.length; i++) {
                 vm.klassen = vm.tijdvak.klassen[i].naam
                 console.log(vm.klassen)
          }
}

HTML:

<p ng-if="vm.klassen">Klassen: <pre ng-if="vm.klassen">Namen: {{ vm.klassen }}</pre></p>

我做错了什么？为什么它只显示最后一个结果，而在 console.log 中显示每个结果？

Answer 1

它显示最后一个，因为您正在分配当前索引 naam

vm.klassen = vm.tijdvak.klassen[i].naam

它将取代之前的 naam

您所需要的只是 ng-repeat

像这样

<div ng-repeat="klassen in vm.tijdvak.klassen">
 {{klassen.naam}}
</div>