如何将一个数组的所有元素附加到div

Question

下面显示了我目前的源代码，但这似乎只是将我数组中的最后一个对象添加到div中，我如何将所有对象添加到我的div中DIV。

ajaxHelper.processRequest((response: Array<Vehicle.Vehicle>) => { 
     console.log(response); 
     var divVehicles = <HTMLDivElement>document.getElementById("divVehicleResults"); 
     var label = <HTMLLabelElement>document.createElement("label"); 
     for (let vehicle of response) { 
      label.innerHTML = vehicle.id; 
      divVehicles.appendChild(label); 
     } 
    }); 

Answer 1

正如approxiblue所说，现在您正在重复使用相同的标签对象。您应该在循环内部放置var label = ...，以便每次都创建一个新标签（并根据您的要求添加新标签）。

更正代码：

ajaxHelper.processRequest((response: Array<Vehicle.Vehicle>) => { 
    console.log(response); 
    var divVehicles = <HTMLDivElement>document.getElementById("divVehicleResults"); 

    for (let vehicle of response) { 
     var label = <HTMLLabelElement>document.createElement("label"); 
     label.innerHTML = vehicle.id; 
     divVehicles.appendChild(label); 
    } 
});