javascript - 从 Repeater QML/JS 创建一个动态数量的 AppCheckBoxes

Question

我希望创建一个动态数量的 AppCheckBox，基于一个遍历数组的转发器。

我已经能够创建我需要的正确数量的框，但现在无法使每个 AppCheckBox 的 text 成为数组的元素它是每个部分的索引，我当前的代码是:

property var departments: ({"Reception", "Stylist", "Technical", "Assistant"})
property var repeater: []

Repeater {
    model: {
        for(var i in departments) {
            repeater.push(departments[i])
            }
            console.log("REPEATER LENGTH " + repeater + repeater.length)
            repeater.length;
        }
    AppCheckBox {
        anchors.horizontalCenter: parent.horizontalCenter
        text: {
            var i;
            for (i = 0; i < repeater.length; i++) {
                text = repeater[i] ;
                }
            }
        }
    }

在上面的代码示例中，我创建了 4 个 AppCheckBox 并将文本作为完整数组 4 次，或者创建了最终数组元素的 4 个复选框(在本例中为 Assistant)。

我怎样才能使文本成为 4 个不同的数组元素？

谢谢!

Answer 1

如果是列表，您可以将“部门”设置为模型，然后使用 modelData 属性访问信息:

property var departments: ["Reception", "Stylist", "Technical", "Assistant"]

Repeater {
    model: departments
    AppCheckBox {
        anchors.horizontalCenter: parent.horizontalCenter
        text: model.modelData
    }
}