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

我正在寻找基于循环遍历数组的中继器创建动态数量的AppCheckBox。

我已经能够创建所需数量的正确框，但是现在无法将每个text的AppCheckBox设置为数组的元素，它是每节的索引，我当前的代码是：

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个不同的数组元素？

谢谢！

最佳答案

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

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

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