kotlin - 使用kotlinx.html通过迭代构建HTML

Question

我正在尝试通过遍历集合来使用kotlinx.html构建HTML列表，对于该集合中的每个元素，我想在UL标签内构建LI标签。

这是我正在尝试的:

fun showProducts(products: List<Product>) {
    document.getElementById(content.id)
        ?.append {
            ol {
                products.forEach {
                    this.li {
                        +it.name
                    }
                }
            }
        }
}

但是我在浏览器控制台中收到一个错误:

Uncaught (in promise) TypeError: closure$products.iterator is not a function

我如何遍历集合并为传递给该函数的每种产品在UL标签内添加LI标签？

Answer 1

也许可以代替简单地使用products.forEach来使用for (p in products)。因此，代码将是:

fun showProducts(products: List<Product>) {
    document.getElementById(content.id)
        ?.append {
            ol {
                for (p in products) {
                    li {
                        +p.name
                    }
                }
            }
        }
}

看到这个链接:
https://try.kotlinlang.org/#/Kotlin%20Koans/Builders/Html%20builders/Task.kt