配列のすべての要素をdivに追加する方法

Question

以下は現在のソースを示していますが、これは配列の最後のオブジェクトを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

現在、あなたは同じラベルオブジェクトを再利用しています。ループの中に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); 
    } 
});