erlang - 如何在 Nitrogen 中使用 html 列表

Question

我想在 Nitrogen 中创建一个 html 列表，但不知道该怎么做。基本上我想输出：

<ul>
  <li>One</li>
  <li>Two</li>
</ul>

我在我的 Nitrogen 发行版中的 apps/nitrogen/src/elements/html 下找到了一些列表来源，所以似乎有一个元素可以做到这一点，但我没有尝试使用该元素编译。有人可以提供一个将产生上述html的片段吗？

Answer 1

这是一个使用#list 和#listitem 氮元素而不是原始HTML 的版本。

body() ->
  List = ["Apple","Orange","Banana"],
  #list{
     body=[#listitem{body=Fruit} || Fruit <- ListOfFruit]
   }.

对于任何比这更复杂的表达式，我通常会从列表理解切换到lists:map/2

Answer 2

只需使用您的 erlang 字符串并列出如下操作：

身体（）->
 项目 = [“乔·阿姆斯特朗”，“罗伯特·维丁”，“迈克·威廉姆斯”]，
 UL = "<ul>" ++ 列表：flatten(["<li>" ++ X ++ "</li>" || X <- Items]) ++"</ul>",
 [
    #面板{正文= [
                UL,
                #br{}，
                #button {text="继续"，回发=继续}
    ]}
 ]。

您有一个项目列表，该列表可以来自数据库或任何东西。列表项应该是字符串才能正常工作，如果是不同的类型，则需要先转换。然后是列表理解，然后你将整个列表扁平化为一件事。希望能帮助到你 ！