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);
    }
});

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

1 个答案: