如何將一個數組的所有元素附加到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); 
    } 
});